使用create-react-app开始一个react项目

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

转自(http://www.imooc.com/article/17382

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。