React 快速上手脚手架 create-react-app

1 create-react-app简介

为了快速地进行构建使用 React 的项目，FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具 create-react-app。
当然，如果你需要 React Native 的脚手架项目，可以查看这里：create-react-native-app

2 create-react-app 的安装

命令行中使用 npm 执行安装命令

npm install -g create-react-app

注意需要添加 g 参数进行全局安装以及权限的问题。
然后执行

create-react-app 项目文件夹名

安装后执行运行命令

npm start

即可在浏览器看到运行后的结果，并且已经实现了热加载的功能。

3 需要注意的几个点

• Node 的版本必须 >= 4，推荐 Node >= 6 and npm >= 3；
• 运行起来后浏览器已经实现了热加载刷新，修改代码保存后浏览器会自动刷新；
• 执行 npm test 或 yarn test 可以执行测试动作，更多请参阅这里；
• 编译项目执行 npm run build 或 yarn build；

阅读原文