vue安裝(npm和cnpm)


一、安裝好node.js

npm:

1)npm install -g vue-cli //安裝全局vue-cli腳手架

2)vue init webpack project_name(項目文件夾名) //創建項目

3)cd project_name(項目名)//進入項目

4)npm install //安裝依賴二

5)npm run dev //運行

 

cnpm:

安裝好npm后

1)npm install -g cnpm --registry=https://registry.npm.taobao.org //獲取淘寶鏡像

2)cnpm install cnpm -g //升級鏡像

3)cnpm install vue //安裝vue

4)cnpm install --global vue-cli //安裝全局vue-cli腳手架

5)vue init webpack project_name(項目文件夾名) //創建項目

6)cd project_name //進入項目

7)cnpm install //安裝依賴二

8)cnpm run dev //運行

 

二、用win10和有管理員權限的域賬號登錄,有時會遇到明明安裝了vue-cli,但還是提示vue不是內部或外部命令這種情況。通過設置node_global和node_cache就好了。

  以下是我遇到這種情況的解決流程:

  1、node安裝后的設置(node_global和node_cache):

    1)在node的安裝目錄下(默認安裝路徑:C:\Program Files\nodejs)分別添加node_global和node_cache這兩個空文件夾。

            

 

 

     2)把剛才添加的文件夾路徑設置到電腦的環境變量:

        用戶變量:將用戶變量中 Path 的值加上:C:\Program Files\nodejs\node_global

        系統變量:添加變量NODE_PATH的值為:C:\Program Files\nodejs\node_modules

            這個路徑都是nodejs安裝路徑下的,如下圖:

             

    3、通過cmd打開命令提示符,先后設置node_global和node_cache:

        npm config set prefix "C:\Program Files\nodejs\node_global"   

        npm config set cache "C:\Program Files\nodejs\node_cache"

  2、現在就可以安裝vue的手腳架了:npm install -g vue-cli;

以上就可以把vue不是內部或外部命令這個問題解決。 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM