官方 React 快速上手脚手架 create-react-app
摘要： 此文简单讲解了官方 React 快速上手脚手架的安装与介绍。 1. React 快速上手脚手架 create-react-app 为了快速地进行构建使用 React 的项目，FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具 create-react-app。
此文简单讲解了官方 React 快速上手脚手架的安装与介绍。
1. React 快速上手脚手架 create-react-app
为了快速地进行构建使用 React 的项目，FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具 create-react-app。
当然，如果你需要 React Native 的脚手架项目，可以查看这里：https://github.com/react-community/create-react-native-app/?spm=a2c4e.11153940.blogcont626713.13.68824d56lnHnXv
使用的原因以及特性：
- 无需配置；
- 集成了对 React, JSX, ES6 和 Flow 的支持；
- 集成了开发服务器；
- 配置好了浏览器热加载的功能；
- 在 JavaScript 中可以直接 import CSS 和图片；
- 自动处理 CSS 的兼容问题，无需添加
-webkit前缀； - 集成好了编译命令，编译后直接发布成产品，并且还包含了 sourcemaps。
2. create-react-app 的安装
命令行中使用 npm 执行安装命令 npm install -g create-react-app，注意需要添加 g 参数进行全局安装以及权限的问题。
安装后执行运行命令 npm start 即可在浏览器看到运行后的结果，并且已经实现了热加载的功能。
3. 需要注意的几个点
- Node 的版本必须 >= 4，推荐 Node >= 6 and npm >= 3；
- 运行起来后浏览器已经实现了热加载刷新，修改代码保存后浏览器会自动刷新；
- 执行
npm test 或 yarn test可以执行测试动作， - 编译项目执行
npm run build 或 yarn build；。
作者：Parry
出处：http://www.cnblogs.com/parry/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。