使用Fittencode解决Vue脚手架安装问题

一、问题描述

在尚硅谷中学习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

若出现版本号即为成功，如下图