react環境搭建(基於dva)
阿新 • • 發佈:2019-01-09
npm淘寶映象安裝(便於國內下載依賴包)
開啟PowerShell(可通過win按鍵+輸入P快捷檢索)
輸入下方命令並回車等待安裝完成:
npm install -g cnpm --registry=https://registry.npm.taobao.org
ps:複製命令後在PowerShell右擊即可貼上,安裝完成後均使用cnpm
替代原npm
命令dva的安裝(所有命令均在PowerShell中執行)
輸入下方命令並回車等待dva自動安裝:
cnpm install dva-cli -g
安裝完成後輸入dva -v
回車後如有輸出證明安裝完成基於dva生成模板程式碼
dva g [模板型別] [路徑]
模板型別:
* component: 子元件
* model: 資料管理
* route: 父元件(頁面跳轉)
附:dva部分目錄結構
-src
-components 子元件
-models 資料管理
-routes 父元件
eg1: 建立子元件:`dva g component Test`
eg2: 建立父元件:`dva g route Test`
eg3: 建立資料管理:`dva g model test`
注: 常用命令(PowerShell中)
建立新專案
dva new [專案名]
目錄跳轉cd [目錄]
啟動專案(先進入專案資料夾)cnpm start
專案打包cnpm run build
清屏cls
退出exit