前提是使用npm,所以要安裝node【最好,node自帶npm】
安裝完node之后,如果全局下載東西(例如 npm install -g @vue-cli),會被默認下載到C盤,默認路徑為:【C:\Users\用戶名\AppData\Roaming\npm,此文件夾默認是隱藏的,需要設置顯示隱藏的文件夾,在"查看"菜單中勾選“隱藏的項目”】
所以我們需要修改全局模塊路徑和緩存路徑
步驟:
1.全局模塊(文件夾名:node_global)和緩存(文件夾名:node_cache)放在nodejs安裝目錄下:即在你的nodejs安裝目錄下創建兩個文件夾:node_global和node_cache,在node_global文件夾下再建一個node_modules文件夾,配置環境變量用

2.打開命令行窗口,分別輸入以下兩條指令
npm config set prefix "創建的node_global文件夾所在路徑"
npm config set cache "創建的node_cache文件夾所在路徑"
3.修改完畢后,再配置環境變量
- 右鍵此電腦——>高級系統設置——>環境變量
- 在系統變量中,新建,變量名:NODE_PATH 變量值:node_global文件夾下的node_modules文件夾。如:E:\develop\nodejs\node_global\node_modules
- 修改用戶變量中的Path變量,將默認的npm路徑修改為新建的node_global路徑
以上我是參考博客:https://blog.csdn.net/Small_Yogurt/article/details/104968169 配置的
4.在命令行窗口輸入命令npm install -g @vue-cli,成功下載並安裝最新版vue-cli
5.使用vue --version查看版本,到這一步你就會遇到如標題一樣的問題【反正我遇到了】
解決辦法:將第3步中的“在系統變量中,新建,變量名:NODE_PATH 變量值:node_global文件夾下的node_modules文件夾。”修改為”在系統變量的path變量中,添加變量值:vue.cmd的路徑”一定是系統變量的path路徑中,不然問題都不能解決

