我的 vue-cli 還是 2.9.6,想建個 vue3 項目但是需要 vue-cli 4.5.0 以上,因為開始升級 vue-cli 之旅。
使用 npm install -g @vue/cli 升級顯示成功之后,查看 vue -V 還是 2.9.6,不知道什么原因。后來查到說需要先卸載舊版本,再安裝,所以試一下。
一、卸載舊版本
卸載命令:npm uninstall -g vue-cli
網上有人說,可以記一下:這里有坑,如果明明卸載了卻仍出現報錯類似提示沒有卸載干凈,可能是當時安裝舊版本時你還使用了 yarn 導致有殘留,用 yarn uninstall -g vue-cli 清理干凈。
我是卸載時遇到這個問題,總是報錯:
PS D:\modb-front\micro_front> npm uninstall -g vue-cli ...... npm ERR! path D:\Program\nodejs\node_global\vue-list.cmd npm ERR! code EEXIST npm ERR! Refusing to delete D:\Program\nodejs\node_global\vue-list.cmd:
is outside D:\Program\nodejs\node_global\node_modules\vue-cli and not a link npm ERR! File exists: D:\Program\nodejs\node_global\vue-list.cmd npm ERR! Move it away, and try again. npm ERR! A complete log of this run can be found in: npm ERR! D:\Program\nodejs\node_cache\_logs\2021-10-12T10_21_55_195Z-debug.log
報錯其實也比較明顯,要我刪除 D:\Program\nodejs\node_global\vue-list.cmd 這個文件,然后再試
刪除之后再試,又會報一些其他的文件存在,也是根據提示刪除之后,再試即可,最后就可以卸載成功了。
下面卸載 weexpack 時也是遇到同樣問題,按上面提示操作一個個刪除,就可以卸載成功。
PS D:\modb-front\micro_front> npm uninstall -g weexpack npm ERR! path D:\Program\nodejs\node_global\weexpack.cmd npm ERR! code EEXIST npm ERR! Refusing to delete D:\Program\nodejs\node_global\weexpack.cmd:
is outside D:\Program\nodejs\node_global\node_modules\weexpack and not a link npm ERR! File exists: D:\Program\nodejs\node_global\weexpack.cmd npm ERR! Move it away, and try again.
PS D:\modb-front\micro_front> npm uninstall -g weexpack removed 1 package in 3.084s
二、安裝新版本
自3.0版本后,官方聲明(https://cli.vuejs.org/zh/guide/installation.html)這個工具改名為 @vue/cli。
安裝命令:
npm install -g @vue/cli // OR
yarn global add @vue/cli
需要注意一下 Node 版本要求:Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推薦 v10 以上)。你可以使用 n,nvm 或 nvm-windows 在同一台電腦中管理多個 Node 版本。
三、檢查新版本
打開終端輸入命令行:vue -V
(是大寫V,不是小寫)或 vue --version,如下顯示 @vue/cli 4.5.13 說明安裝成功。
當然這里安裝新版本 vue-cli ,檢查新版本也出現一個問題,可以看下篇博客了解。