全局安裝 @vue/cli蝉娜,無(wú)法執(zhí)行 vue 初始化項(xiàng)目的命令
- 首先使用 npm 全局安裝 @vue/cli 腳手架唱较,可能是因?yàn)楸粔偸窍螺d失敗扎唾,改用淘寶鏡像 cnpm 進(jìn)行下載,每次下載到最后一個(gè)模塊就會(huì)報(bào)錯(cuò)南缓,然后下載失敗胸遇,改用 yarn 進(jìn)行下載,可以成功安裝汉形,但是無(wú)法執(zhí)行 vue 的命令纸镊。
- 重復(fù)使用 yarn 卸載和安裝幾次之后倍阐,確定是正確安裝成功的,但是無(wú)法執(zhí)行 vue 的命令逗威。
- 開始查找問題峰搪,首先找到 npm 的全局安裝包的位置,查看 vue 是否存在凯旭。既然 vue 的命令都不能執(zhí)行概耻,那么 vue 肯定不會(huì)存在于此目錄下。
-
npm 全局安裝包的位置為 C:\Users\admin\AppData\Roaming\npm
npm全局安裝路徑 -
我的 vue-cli 是使用 yarn 成功安裝的罐呼,考慮到 yarn 全局安裝的位置與 npm 或者 cnpm 的安裝位置可能不同鞠柄,因此執(zhí)行
yarn global dir
查看 yarn 的全局安裝的路徑- yarn 全局安裝報(bào)的位置為 C:\Users\admin\AppData\Local\Yarn\bin
![yarn全局安裝路徑(https://upload-images.jianshu.io/upload_images/19417347-888aae02a6c61e40.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
- yarn 全局安裝報(bào)的位置為 C:\Users\admin\AppData\Local\Yarn\bin
查看 npm 和 yarn 全局安裝路徑下的內(nèi)容,在 npm 全局安裝路徑下找到了之前全局安裝的嫉柴、并且可執(zhí)行的包厌杜,在 yarn 的全局安裝路徑下找到了 vue 的包,因此感覺命令行去執(zhí)行命令的時(shí)候只知道 npm 的全局安裝包的路徑计螺,并不知道 yarn 的全局安裝包的路徑夯尽。
-
查看系統(tǒng)環(huán)境變量中的用戶變量中的 Path,果然在用戶變量中只有 npm 的路徑登馒,并沒有 yarn 的路徑呐萌,在 Path 中添加 yarn 的路徑,vue 的命令就可以執(zhí)行了谊娇。
系統(tǒng)環(huán)境變量
-