vue-cli安裝步驟(附帶cnpm安裝不成功及vue不是內部命令)

1.依賴node所以先安裝node,可從官網下載安裝,安裝一直下一步最後選安裝目錄

2.win+r輸入cmd運行,先輸入node -v和npm -v查看node安裝是否正常(我這裏node是10.5.0 npm是6.1.0)

3.安裝vue,npm安裝過慢且成功率較低,建議使用cnpm安裝

    3.1    npm安裝方法,npm install vue(安裝成功請到第4步)

    3.2    安裝cnpm

             npm install -g cnpm --registry=https://registry.npm.taobao.org

   3.3   安裝時報npm WARN deprecated [email protected]: If using 2.x branch, please upgrade to at least 2.1.6 to avoid              a serious  bug with socket data flow and an import issue introduced in 2.1.0

             這是一個警告不要在這上面浪費時間

    3.4    輸入cnpm -v查看出版本號請到第4步,報cnpm不是內部命令也不是外部命令看下一步

    3.5    找到npm目錄  比如我的在E:\node\node_cache\node_modules下面 

             搜索cnpm目錄 把cnpm和npm放在一個目錄下面      

             在上一級E:\node\node_cache 裏面有npm和npm.cmd

             搜索cnpm.cmd 把cnpm和cnpm.cmd放在E:\node\node_cache裏


  3.6    在輸入cnpm -v出現版本號

  3.7     安裝vue    cnpm install vue

4.  安裝vue-cli

            cnpm install -g vue-cli

5.  進入要創建工作空間的目錄,我要創建在E盤下

    cd E:

    vue init webpack vue  (後面vue爲自定義項目名稱)

    5.1 如果報vue不是內部命令或外部命令

          搜索vue.cmd 將路徑加入Path用戶環境變量中(不建議加入系統環境變量)。如我的路徑                                                         是E:\node\node_cache  

          重新運行vue-cli cnpm install -g vue-cli

    5.2 出現亂碼是配置信息,直接回車


               

6. 出現下圖運行提示將自動安裝所需的包

    cd vue

    npm run dev

7. 出現下圖,恭喜安裝成功,瀏覽器輸入http://localhost:8080可查看當前項目


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章