一、項目背景
編譯器：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%的問題哦。
完結！
————————————————
版權聲明：本文為CSDN博主「No8g攻城獅」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/weixin_44299027/article/details/106955854