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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180517G125SY00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券