vue-cli脚手架安装后vue-V无法识别之问题解决

项目场景:

要前端测试了,想安装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终于能被正常识别,且能正常启动脚手架了。

  • 7
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值