vue CLI的安装问题范例,npm install -g @vue/cli安装过程中出现一大堆warn和err(vue安装)、利用镜像还是安装失败,看这篇攻略

问题的出现

首先先看一下自己的node安装版本:
node -v
举例我的cmd截图:
在这里插入图片描述
原因是没有全局安装 Vue CLI,使用报错
我按照网上的步骤运行了npm install -g @vue/cli结果几乎全报错
在这里插入图片描述
即便利用镜像下载还是报错:
在这里插入图片描述

准备工作

(如果你的环境变量都弄好了可以跳过这一步骤)
找到你npm的全局布局位置:
命令:npm config get prefix
比方说我这里我运行查找后发现我的全局布局位置没有被放到全局环境
问题情况:
在这里插入图片描述
那么就得考虑换路径了,cd到全局布局位置去或者找到该目录
在这里插入图片描述
这里可以清楚看到我淘宝定制的 npm 客户端:cnmp就在这里面
先去检查一下你的npm有没有添加到环境变量:
在这里插入图片描述
像我这样就好

解决步骤

下面讲一下解决方法步骤:
先清理一下缓存:
npm WARN using --force Recommended protections disabled.
由于国内镜像速度太慢,所以用了淘宝镜像:(如果前面没用的话这里可以试试,如果利用镜像后就行了当然最好)
npm config set registry https://registry.npmmirror.com
如果换到镜像还是失误,则尝试使用 cnpm(淘宝定制的 npm 客户端)来安装:
npm install -g cnpm --registry=https://registry.npmmirror.com
完成后检查版本:
cnmp -v
在这里插入图片描述
然后通过cnmp进行安装即可:
cnpm install -g @vue/cli
如图所示:
在这里插入图片描述
然后进行一个检查:
输入:vue -v和vue -V
在这里插入图片描述
完成

  • 18
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: eslint-loader@2.2.1 npm WARN Found: eslint@7.15.0 npm WARN node_modules/eslint npm WARN dev eslint@"7.15.0" from the root project npm WARN 4 more (@vue/cli-plugin-eslint, babel-eslint, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer eslint@">= 1.6.0" from @vue/cli-plugin-eslint@4.4.6 npm WARN node_modules/@vue/cli-plugin-eslint npm WARN dev @vue/cli-plugin-eslint@"4.4.6" from the root project npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: eslint-loader@2.2.1 npm WARN Found: eslint@7.15.0 npm WARN node_modules/eslint npm WARN dev eslint@"7.15.0" from the root project npm WARN 4 more (@vue/cli-plugin-eslint, babel-eslint, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer eslint@">= 4.12.1" from babel-eslint@10.1.0 npm WARN node_modules/babel-eslint npm WARN dev babel-eslint@"10.1.0" from the root project npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: eslint-loader@2.2.1 npm WARN Found: eslint@7.15.0 npm WARN node_modules/eslint npm WARN dev eslint@"7.15.0" from the root project npm WARN 4 more (@vue/cli-plugin-eslint, babel-eslint, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer eslint@"^6.2.0 || ^7.0.0" from eslint-plugin-vue@7.2.0 npm WARN node_modules/eslint-plugin-vue npm WARN dev eslint-plugin-vue@"7.2.0" from the root project npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: eslint-loader@2.2.1 npm WARN Found: eslint@undefined npm WARN node_modules/eslint npm WARN dev eslint@"7.15.0" from the root project npm WARN npm WARN Could not resolve dependency: npm WARN peer eslint@">=1.6.0 <7.0.0" from eslint-loader@2.2.1 npm WARN node_modules/@vue/cli-plugin-eslint/node_modules/eslint-loader npm WARN eslint-loader@"^2.2.1" from @vue/cli-plugin-eslint@4.4.6 npm WARN node_modules/@vue/cli-plugin-eslint npm ERR! code ENOTFOUND npm ERR! syscall getaddrinfo npm ERR! errno ENOTFOUND npm ERR! network request to http://registry.cnpmjs.org/eslint failed, reason: getaddrinfo ENOTFOUND registry.cnpmjs.org npm ERR! network This is a problem related to network connectivity. npm ERR! network In most cases you are behind a proxy or have bad network settings. npm ERR! network npm ERR! network If you are behind a proxy, please make sure that the npm ERR! network 'proxy' config is set properly. See: 'npm help config' npm ERR! A complete log of this run can be found in: npm ERR! D:\Nodejs\node_cache\_logs\2023-06-05T01_57_35_554Z-debug-0.log
06-06
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值