vue-cli脚手架安装后vue-V无法识别之问题解决
项目场景:要前端测试了,想安装vue-cli脚手架来进行便捷测试的,之前在苹果电脑上就很顺利,没有出什么问题,这次换了windows电脑,问题一堆,这两天就在node、npm和vue-cli安装上卡壳了,真的是来来回回,折腾地够呛……问题描述:我先描述下我碰到的问题,node.js、npm都安装好了,这时借助以下语句:npm install -g @vue/cli系统最后提示安装成功,如图所示:+
·
项目场景:
要前端测试了,想安装vue-cli脚手架来进行便捷测试的,之前在苹果电脑上就很顺利,没有出什么问题,这次换了windows电脑,问题一堆,这两天就在node、npm和vue-cli安装上卡壳了,真的是来来回回,折腾地够呛……
问题描述:
我先描述下我碰到的问题,node.js、npm都安装好了,这时借助以下语句:
npm install -g @vue/cli
系统最后提示安装成功,如图所示:
+ @vue/cli@4.5.15
updated 2 packages in 81.218s
但当我运行以下语句时,系统提示无法识别:
C:\node\node_global>vue -V
You are using Node v8.11.1.
Node.js 8.x has already reached end-of-life and will not be supported in future major releases.
It's strongly recommended to use an active LTS version instead.
@vue/cli 4.5.15
原因分析:
尝试在网上寻找各种办法,有大佬提示:设置环境变量、调换目录安装vue-cli的路径、卸载重新安装等等,我都有试过,毕竟失败是成功之母嘛……但所有方法都尝试过却没有一个成功的,差点就要就要放弃,还好通过它的错误提示看到了一丝希望:Node.js 8.x has already reached end-of-life
,这句大概意思就是说我的node版本快要过期,灵机一动,那赶紧去下载个高版本的呀
解决方案:
利用广大热心网友的提示,找到了node的LTS版本与npm版本对应关系(链接地址:node历史版本对应关系),然后再次使用nvm来安装适用的新版本node和npm,具体的语句为:
// 后面的版本号可以自行选择
C:\node\node_global>nvm install 12.3.1
Downloading node.js version 12.3.1 (64-bit)...
Complete
Creating D:\nvm\temp
Downloading npm version 6.9.0... Complete
Installing npm v6.9.0...
Installation complete. If you want to use this version, type
nvm use 12.3.1
C:\node\node_global>nvm list
12.3.1
8.11.1
// 后面再使用use语句来选择适用的版本,这里的8.11.1就是我之前安装的node版本,就不能正常使用vue-cli
C:\node\node_global>nvm use 12.3.1
好了,大功造成
C:\node\node_global>vue -V
@vue/cli 4.5.15
C:\node\node_global>vue ui
🚀 Starting GUI...
🌠 Ready on http://localhost:8000
vue -V终于能被正常识别,且能正常启动脚手架了。
更多推荐
已为社区贡献2条内容
所有评论(0)