目的:

  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中看到发布后的项目。

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

本文固定链接: http://www.js-code.com/react/react_43504.html