一、安裝好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不是內部或外部命令這個問題解決。