使用create-react-app开始一个react项目
2018-01-16 本文已影响0人
lydia56
1.简介
开始一个react项目有很多种方式,如果你还在手动创建每一个组成文件,我推荐你使用官方推出的构建工具create-react-app,React Native参考create-react-native-app.
使用的原因及特性:
- 无需配置;
- 集成了对 React, JSX, ES6 和 Flow 的支持;
- 集成了开发服务器;
- 配置好了浏览器热加载的功能;
- 在 JavaScript 中可以直接 import CSS 和图片;
- 自动处理 CSS 的兼容问题,无需添加 -webkit 前缀;
- 集成好了编译命令,编译后直接发布成产品,并且还包含了 sourcemaps。
2.安装create-react-app
npm install -g create-react-app
3.创建项目
create-react-app myapp /* 使用命令创建应用,myapp为项目名称 */
cd myapp /* 进入目录,然后启动 */
npm start
4.注意事项
- Node 的版本必须 >= 4,推荐 Node >= 6 and npm >= 3;
- 运行起来后浏览器已经实现了热加载刷新,修改代码保存后浏览器会自动刷新;
- 执行
npm test 或 yarn test
可以执行测试动作 - 编译项目执行
npm run build 或 yarn build
;