美文网首页
使用create-react-app开始一个react项目

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

作者: lydia56 | 来源:发表于2018-01-16 15:31 被阅读0次

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

相关文章

网友评论

      本文标题:使用create-react-app开始一个react项目

      本文链接:https://www.haomeiwen.com/subject/hlisoxtx.html