安装vuecli时出现错误解决

如果你是安装vuecli时遇到了问题，那你肯定安装vuecli之前首先得下载安装好nodejs并且配置好环境，怎样安装配置nodejs就不说了，网上教程很多。

这两天遇到问题看了很多博客，vuecli安装失败有很多，我也只能说几个我看到的能解决的。

问题一 可能是nodejs没安装好导致npm无法正常使用

解决方法：
打开控制台，输入以下命令:
1.输入下面两条命令，如果出现了版本号说明nodejs安装成功。

C:\Users\Myq>node -v
v16.6.0

C:\Users\Myq>npm -v
7.20.3

2.安装成功还不一定行，还得检查一下你的模块安装路径和缓存路径有没有配置好（nodejs安装教程肯定建议大家修改模块安装路径node_global和缓存路径node_cache到nodejs安装目录下了）。打开控制台输入下面的命令，如果和你配置的一样那就没问题了，如果发现不是那就再按照别人的教程重新配置好环境变量等，附上别人的nodejs教程吧。 https://blog.csdn.net/qq_40593308/article/details/110559838
如果还是帮不到你，那我

C:\Users\Myq>npm config get prefix
D:\nodejs\node_global

C:\Users\Myq>npm config get cache
D:\nodejs\node_cache

你想知道自己nodejs是否配置成功的话可以打开cmd,输入命令npm install express -g,然后打开你的node_global文件夹和node_cache文件，发现上面多了相应的内容就说明你安装成功了。这时候就可以去尝试打开cmd使用npm install -g @vue/cli,当然速度很慢的话你可以先提前更改npm的镜像成淘宝镜像，即输入下面命令

C:\Users\Myq>npm config set registry https://registry.npm.taobao.org

然后使用npm config get registry看是否更改成功

C:\Users\Myq>npm config get registry
https://registry.npm.taobao.org/

这就是问题一，其实就是和你说问题可能是nodejs没下载好或者环境变量没有配置好。

问题二 可能是缓存问题

如果上面都没问题那就有可能是缓存问题了，可以尝试一下一些命令
我优先推荐这个命令 npm install -g @vue/cli --force,它是强行用最新版本覆盖你之前的旧版本。
如果你想用另外的方法解决也可以，可以试试在cmd用npm cache --force清理缓存，而我当时的方法
是直接跑去nodejs目录的node_global和node_cache文件将里面的东西全部删掉，让他们变成空文件夹，当然前提是你第一次下载nodejs，里面并没有你之前下载的其他模块依赖包

清理了缓存之后再运行 npm install -g @vue/cli就行了

问题三 可能是镜像问题

我就是遇到这个问题，很奇怪的，我的node和npm都没有问题,使用命令npm install -g vue安装vue也没有问题，于是我尝试把vscode删了重装（虽然我觉得问题可能没有出现在vscode这里），然后安装好vscode之后我试了一下npm install -g vue-cli发现安装依赖包成功了！！但是这个方法安装的是旧的版本2.x，然后我使用vue create vue_test来创建脚手架时它提醒我下载新的版本至少要cli3以上吧，于是我就使用npm uninstall -g vue-cli删除旧版本，当然你也可以在nodejs目录的node_global/node_modules下找到vue-cli文件删掉然后按照上面清除一下缓存。

弄完后再使用npm install -g @vue/cli尝试下载新版本，或许就可以了。但是神奇的是，当时我还是下载失败了！npm可以下载旧版本的vuecli和其他一些依赖包，却下载不了新版本的vuecli？？于是我就找到了另外一个方法，那就是用cnpm下载vuecli。方法如下：
先安装cnpm

C:\WINDOWS\system32>npm install -g cnpm --registry=https: //registry.npm.taobao.org

然后输入cnpm -v查看是否下载成功，出现了下面一些版本就说明下载成功了

C:\WINDOWS\system32>cnpm -v
cnpm@7.0.0 (D:\nodejs\node_global\node_modules\cnpm\lib\parse_argv.js)
npm@6.14.14 (D:\nodejs\node_global\node_modules\cnpm\node_modules\npm\lib\npm.js)
node@16.6.0 (D:\nodejs\node.exe)
npminstall@5.0.1 (D:\nodejs\node_global\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=D:\nodejs\node_global
win32 x64 10.0.19042
registry=https://registry.nlark.com

使用命令cnpm --version可以看到淘宝镜像是否删除，若显示cnpm不是内部命令，就说明需要重新安装，就需要再次输入npm install -g cnpm --registry=https: //registry.npm.taobao.org

安装好cnpm之后再输入cnpm install -g @vue/cli下载vuecli，并且在下载好后可以输入
vue --version 检查当前的版本号，像下图就没问题了

这个时候手脚架安装完毕，可以新建项目啦！用cmd进入到创建的项目所在的文件夹输入vue create vuename就可以建立项目啦！！

还有一个重点！！！我下载依赖包都是在管理员身份下使用cmd的哦！！！！！

附上我参考的几个大佬的链接：
https://blog.csdn.net/weixin_41562661/article/details/82774260
https://www.cnblogs.com/ChineseLiao/p/13253989.html
https://blog.csdn.net/zhang19903848257/article/details/104162662

如果还是帮不到你，那你加油！！找多几篇别人的博客或者在csdn上找一下！！相信它一定能够解决的！！别放弃，加油！！！