快速安装create-react-app进行react项目开发

在create-react-app这个脚手架出来之前，大家都是用webpack + es6来结合react来开发项目的，不过这样需要自己配置一大堆东西，对刚接触react的同学比较麻烦，有了create-react-app之后再进行react开发就变得非常方便。

安装也非常方便,一句话就可以：

npx create-react-app  my-app  

安装成功之后就会这样的提示

然后再输入下面两行代码

cd my-app //调到myapp文件夹下

npm start //启动服务 

然后会自动跳到浏览器

找到本地myapp文件，就可以在里面编写代码了

create-react-app内部依赖了webpack，还加入了EsList的功能让你的代码更好。create-react-app除了方便使用外，还有另外两大优点：

1.线上编译命令

  create-react-app能将你的应用编译出在线上生产环境运行的代码，编译出来的文件很小，且文件名还带hash值也方便做cache，而且它还提供一个服务器，让我们在本地也能看到线上生产环境类似的效果.

npm run build

它会通过Gzip压缩，将代码压缩得很小

运行下面两条命令可以查看线上效果，编译的文件会放到build目录下

 npm install -g serve

 serve -s build

 

2.方便api开发

在实际开发环境中，react应用可能和api服务可能没在同一端口，比如react应用跑在3000端口，api服务可能跑在3001端口，只需要在package.json文件中加个配置项就可以了

"proxy": "http://localhost:3001/"