1. 程式人生 > >react環境搭建(基於dva)

react環境搭建(基於dva)

  1. npm淘寶映象安裝(便於國內下載依賴包)
    開啟PowerShell(可通過win按鍵+輸入P快捷檢索)
    輸入下方命令並回車等待安裝完成:
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    ps:複製命令後在PowerShell右擊即可貼上,安裝完成後均使用cnpm替代原npm命令

  2. dva的安裝(所有命令均在PowerShell中執行)
    輸入下方命令並回車等待dva自動安裝:
    cnpm install dva-cli -g
    安裝完成後輸入dva -v回車後如有輸出證明安裝完成

  3. 基於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