Mac新建react项目环境

一，安装node

确认电脑上已安装node.js，可以在终端输入命令$ node -v 按回车键若有返回版本号说明已安装。（若没有安装，请自行百度）

二，安装npm

验证方法同一$ npm -v（若没有安装，请自行百度）

三、安装全局create-react-app

$ sudo npm install -g create-react-app

其中sudo表示mac系统特有的授权，windows上无需加上这个

四、使用create-react-app 快速构建React开发环境

$  create-react-app project_name

create-react-app自动创建的项目是基于webpack+ES6；搭建完成后会生成一个名为project_name的文件夹，其文件目录如下:

>node-modules
>public
>src
.gitignore
package-lock.json
package.json
README.md

突然发现，文件里没有config文件，执行：

$ npm run eject

添加了config和scripts文件

五、运行项目

$ npm start

六、安装路由

$ npm install react-router-dom

在src下新建一个文件夹router — Router.js 用来进行路由配置。
在src下新建一个文件夹component用来存放组件。