前端自动化构建入门4-使用create-react-app建立一个React应用

使用create-react-app

create-react-app 是业界最优秀的 React 应用开发工具之一，使用create-react-app可以快速构建一个react应用。

1.安装create-react-app， npm install -g create-react-app

2.切换到你的项目文件夹，cd create-react-app

3.创建一个react应用，create-react-app my-app

4.切换到你应用目录，cd my-app

5.启动应用，npm start

6.查看应用

到了这里，整个react应用就建立完成了。更改文件src/App.js，保存后浏览器会自动刷新预览，无需手动F5刷新。这只是一个很小的应用，但是却是一个完整的构建过程，之后会尝试更复杂的应用构建配置。

最后，npm命令中，用得最多的就是install 及 start，其余更多命令可参照此处。下面对install、start进行简要介绍：

install：安装命令，可以安装npm工具包。如果是在自己的项目根目录进行使用且不指定工具包名称，则会通过项目根目录中的package.json文件中的配置安装依赖文件。

start：启动应用，对项目文件进行编译、打包并启动一个本地服务以供预览。启动方式与package.json的配置相关。