React代码生成器

1、快速开始

npm install -g create-react-app

create-react-app my-app

cdmy-appnpm start

也可以使用npx(是npm5.2+自带的工具，可以帮你发现并安装需要的工具)命令来安装启动create-react-app

npx create-react-app my-app

cdmy-appnpm start

生成的项目结构如下：

2、常用的命令

(1)npm start 或者 yarn start

开发模式下启动项目，通过打开 http://localhost:3000 访问。在这种模式下，当你编辑代码的时候，页面会自动更新，各种错误提示也会出现在控制台里。

(2)npm test 或者 yarn test

观察模式下启动测试

(3)npm build 或者 yarn build

目录下，编译结果是经过了优化和压缩混淆的，可以直接用于生成环境。

(4)npm run eject 或者 yarn run eject

如果你对自动创建的项目配置不满意，执行该命令，它将会把自动生成的配置文件恢复成可配置的状态，你可以自己去修改这些配置文件，重新编译打包发布。

注意：这是一个一次性操作，一旦操作了，就不能回滚！

github网址：https://github.com/facebook/create-react-app