一、问题描述
在尚硅谷中学习vue时需要在全局安装vue脚手架(vue cli),查看vue官网,官网说使用以下两种方法,我先试用了npm,
npm install -g @vue/cli
# OR
yarn global add @vue/cli
但是不仅安装速度超慢,而且最终还失败了
安装失败的报错如下
虽然尚硅谷讲师推荐的方法是使用淘宝镜像(我不了解是什么)来安装会加快速度,但是我上网寻找安装淘宝镜像教程时,发现有人建议少用淘宝镜像(因为有bug),而且我第一次安装时就又给我报了一堆错(这里就不展示了)。解决一个问题的过程又出现一个问题,而且我真不清楚淘宝镜像是什么,因此不敢胡乱尝试,选择放弃这条路。
上网搜索方法,按照方法检查了npm和node.js的版本也没问题。(如下图)
搜了一下报错提示第一行的单词ETIMEDOUT,初步了解应该是网络连接不畅导致超时,想到家里新的wifi网速确实很烂,就换成自己的热点多试了好几遍还是报一样的错误,所以又放弃了网络连接这条路。
二、问题解决过程
在很多博文中都找不到解决方法,此时我选择求助AI
我把上面的报错全部复制给了FittenCode,让它来分析
Fittencode提供的解决方案(这里省略)中前面几条基本都是我上面已经尝试过的,除了防火墙代理问题我没有尝试,最后一条解决方案就是
1.用yarn安装
yarn global add @vue/cli
想到我之前部署前端项目代码时用到过yarn,感觉希望大了一点,于是我选择把这条路走下去。
在命令行中输入上面的语句还真的很快就安装成功了
但是输入以下命令(用于检查是否安装成功)时
vue --version
出现
C:\Users\aospr>vue --version
'vue' 不是内部或外部命令,也不是可运行的程序
或批处理文件。
于是我继续把上面的安装成功提示和报错提示复制给Fittencode,
按照步骤
2.检查yarn全局安装路径
yarn global bin
3.添加路径到环境变量
a.鼠标右键点击此电脑图标,点击属性
b.查找高级系统设置
c.点击环境变量
d.在环境变量中找到系统变量,并在系统变量中的Path添加yarn全局安装路径
C:\Users\aospr\AppData\Local\Yarn\bin
e.检查路径是否添加成功
在命令行中输入
echo %PATH%
f.输入vue --version检查是否成功安装vue
若出现版本号即为成功,如下图