官方create-react-app 入门(一)

目的:

  1. 希望找到像Vue-cli类似的脚手架,便于入门。
  2. 通过此项目学习React。

参考地址:

https://github.com/facebook/c...

系统:

macOS

过程:

  • 将npm升级到5.2以上,将有一个新的包,npx。npx 会自动查找当前依赖包中的可执行文件,如果找不到,就会去
    PATH里找。如果依然找不到,就会帮你安装。

    npx create-react-app my-app

clipboard.png

cd 目录地点



npm start

运行开发环境

npm test    

测试

npm run build

运行发布环境。
我这次暂且选在Github Pages充当发布环境。

GitHub Pages

  • 在package.json中添加homepage

    "homepage": "https://myusername.github.io/my-app",

    或者 "homepage": "https://myusername.github.io",

  • Install gh-pages and add deploy to scripts in package.json
 npm install --save gh-pages



"scripts": { "predeploy": "npm run build", "deploy": "gh-pages -b master -d build", }
  • Deploy the site by running npm run deploy
npm run deploy
  • Ensure your project’s settings use gh-pages

结果就可以在Gighubpage中看到发布后的项目。

第一次写博客文章,希望能坚持下去养成习惯,让自己变成自己希望的人。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值