React学习笔记(1)

虽然现在都在做前后端分离，作为后端开发还是学习下前端的知识，防止掉队太厉害。为了快速开发，准备直接用服务端开发。

前期准备工作，安装node.js

1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/

    具体安装步骤，我参照nodejs安装教程里面有详细步骤说明。

  2. 安装npm

npm是干什么的，通俗的讲npm就是我们的maven依赖，用来管理各种各样的包。

    npm install express -g # 全局安装命令模块

---

3.使用idea开发

如果idea没有安装nodejs插件，在file > setting > plugins 然后手动点击Browe rep....安装nodejs插件。

重启完成后，在dos窗口执行npm install -g create-react-app搭建react脚手架,然后新建一个react项目。之后就可以用idea创建开发了(创建步骤百度一搜一大把)

点击finish后，idea报如下错误，莫名其妙也看不懂。

Installing react, react-dom, and react-scripts... 'npm' ڲ ⲿ Ҳ ǿ еij ļ 'npm' ڲ ⲿ Ҳ ǿ еij ļ events.js:174 throw er; // Unhandled 'error' event ^ Error: spawn npm ENOENT at notFoundError (D:\bonc\nodejs\node_global\node_modules\create-react-app\node_modules\cross-spawn\lib\enoent.js:6:26) at verifyENOENT (D:\bonc\nodejs\node_global\node_modules\create-react-app\node_modules\cross-spawn\lib\enoent.js:40:16) at ChildProcess.cp.emit (D:\bonc\nodejs\node_global\node_modules\create-react-app\node_modules\cross-spawn\lib\enoent.js:27:25) at Process.ChildProcess._handle.onexit (internal/child_process.js:248:12) Emitted 'error' event at: at ChildProcess.cp.emit (D:\bonc\nodejs\node_global\node_modules\create-react-app\node_modules\cross-spawn\lib\enoent.js:30:37) at Process.ChildProcess._handle.onexit (internal/child_process.js:248:12) Done 

看报错信息感觉应该是create-react-app下载依赖出现的问题。通过百度，配置npm config set registry https://registry.npm.taobao.org，然后继续创建create-react-app。抱着试一试的态度再次新建项目，这次没有再报错。开始下载核心依赖包。

等待几分钟后下载成功。

接下来启动第一个项目，步骤跟配置tomcat一样，添加npm执行start命令即可启动

这样第一个react项目启动完成。