本文目錄
一、項目背景
編譯器：VScode + Vue項目。
VSCode 打開前端vue項目時竟然報錯。
二、出錯信息
如下內容所示爲VScode項目控制檯顯示的錯誤信息：
PS D:\work-span\project> cnpm install webpack-dev-server -g cnpm : 無法將“cnpm”項識別爲 cmdlet、函數、腳本文件或可運行程序的名稱。請檢查名稱的拼寫 ，如果包括路徑，請確保路徑正確，然後再試一次。 所在位置 行: 字符: + cnpm install webpack-dev-server -g + ~~~~ + CategoryInfo : ObjectNotFound: (cnpm:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException
三、解決方案
步驟一：檢查本地是否安裝了cnpm包管理工具
命令：npm list --depth=0 -global 查看一下電腦是否安裝了cnpm
如果已經安裝了，那麼會有如下圖所示的內容：
如果沒有安裝，則需要安裝鏡像，執行命令爲：npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝過程可能要持續好幾分鐘哦~~~~
安裝成功後會有如下類似內容：
步驟二：輸入cnpm -v命令檢查
檢查成功
1、如果出現如下圖所示內容，即可進行後續操作
檢查失敗
2、如果還是出現博客標題所示錯誤，極有可能是你本地沒有配置環境變量導致的（也就是cnpm的路徑沒有被識別到）
需要配置系統環境變量：計算機-->屬性-->高級系統配置-->環境變量-->系統變量-->PATH 在後面添加（我的路徑是F:\Develop\nodejs\node_global），根據你實際情況修改這個路徑。
然後重啓cmd，輸入cnpm -v 測試。如果成功則進行你下一步工作。
注意：
如果還是報錯，那麼請重啓你的電腦，重啓可以解決90%的問題哦。
完結！