使用create-react-app或者antd建立一個React項目

轉載請註明出處：王亟亟的大牛之路

距離上一次提及React的內容差不多也快1年多了，然後這一年裡平胸而論覺得進步不多，然後最近因為業務需要然後都在做一些前端的工作。
然後以前都是從npm init一路自己擼到配置package.json到寫scripts那些，現在腳手架一行擼穿，還是感歎懶人的世界6666

老規矩開篇前先案例：https://github.com/ddwhan0123/Useful-Open-Source-Android （一篇前端文章貼安卓東西合適嗎。哈哈哈哈）

廢話不多說介紹下用得比較順手的腳手架一個是FaceBook的create-react-app

一個是阿里的Ant Design of React 安裝 create-react-app

先裝腳手架

npm install -g create-react-app

然後運行

create-react-app 你的項目名

然後劈裡啪啦就ok了
cd 進去

npm run start

他會建立一個很純粹的React項目
引用到的就是

 "dependencies": {    "react": "^16.2.0",    "react-dom": "^16.2.0",    "react-scripts": "1.1.1"  }

沒有其他依賴，所以如果要自己加一些庫（UI組件什麼的）就自己弄了 安裝 antd

先裝腳手架

npm install antd-init -g

然後cd到你要建項目到目錄

antd-init

然後跑項目

npm start

antd腳手架的依賴也就是多了一個自己的套餐antd

 "dependencies": {    "antd": "^3.0.0",    "moment": "^2.19.3",    "react": "^16.2.0",    "react-dom": "^16.2.0"  }

升級版本

基於dva的腳手架

首先是安裝腳手架

npm install dva-cli -g

然後建立項目

dva new dvatest

運行項目

npm start

效果如圖

建立出來的就是一個有項目目錄，有“路霸“，有打包指令碼的“高完成度“項目了

簡化了你的“立項成本“，簡單好用。

但是說實話roadhog的封裝解釋的東西相對淺顯，爬坑。。。爬坑。。。。