npm淘宝镜像配置,安装vue-cli或者@vue/cli

本文讲述了在Linux环境中遇到的Vue CLI安装慢及初始化项目失败的问题,通过升级Node.js版本到12.19.0并配置npm淘宝镜像解决了下载速度问题。详细步骤包括卸载旧版Node.js,安装新版本,配置npm源,以及使用cnpm安装Vue CLI。同时提到了Vue CLI的版本要求和升级方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

环境

原先是yum install nodejs,版本为nodejs.x86_64_6.17.1 所带的npm版本为3.x,配置淘宝镜像后安装vue-cli缓慢,好不容易成功了,却卡到初始化项目vue init webpack projectName,折腾了一天也没有成功。后卸载nodejs,安装node-v12.19.0-linux-x64,配置npm淘宝镜像后安装包就变快了。所以一般node版本比较低,可能连vue的脚手架也执行不了,所以node一般很好找原因,但是npm版本低就会影响到下载的速度。

现有版本

[root@db01 src]# node -v
v12.19.0
[root@db01 src]# npm -v
6.14.8


配置npm淘宝镜像

npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist

1.临时使用

npm install express --registry https://registry.npm.taobao.org
或者  npm install express --registry https://registry.npm.taobao.org --disturl=https://npm.taobao.org/mirrors/node

2.持久使用
npm config set registry https://registry.npm.taobao.org
配置后可通过下面方式来验证是否成功
npm config get registry 或 npm info express

3.通过cnpm使用
npm install -g cnpm --registry=https://registry.npm.taobao.org

4.恢复使用
npm config set registry https://registry.npmjs.org

5.如果还是很慢

那就跟node的版本和npm版本有关,那就卸载现有版本node和npm,下载安装比较新的版本,正常情况天就能解决下载慢的问题。

6.例子
再输入npm install -g cnpm, 出现如下图所示:-g表示安装在全局

如果安装cnpm 报错,那么命令就多重试几遍,问题就有可能解决!

[root@db01 Downloads]# npm install -g cnpm
……
npm WARN tar ENOENT: no such file or directory, open '/usr/local/node-v12.19.0-linux-x64/lib/node_modules/.staging/moment-d520db38/min/locales.min.js.map'
npm ERR! cb() never called!

npm ERR! This is an error with npm itself. Please report this error at:
npm ERR!     <https://npm.community>

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2020-10-14T14_19_43_368Z-debug.log

[root@db01 Downloads]# npm cache clean -f

[root@db01 Downloads]# npm install -g cnpm 
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
/usr/local/node-v12.19.0-linux-x64/bin/cnpm -> /usr/local/node-v12.19.0-linux-x64/lib/node_modules/cnpm/bin/cnpm
+ cnpm@6.1.1
added 21 packages from 17 contributors and updated 37 packages in 84.616s

[root@db01 Downloads]# cnpm -v
cnpm@6.1.1 (/usr/local/node-v12.19.0-linux-x64/lib/node_modules/cnpm/lib/parse_argv.js)
npm@6.14.8 (/usr/local/node-v12.19.0-linux-x64/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
node@12.19.0 (/usr/local/node-v12.19.0-linux-x64/bin/node)
npminstall@3.27.0 (/usr/local/node-v12.19.0-linux-x64/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)
prefix=/usr/local/node-v12.19.0-linux-x64 
linux x64 3.10.0-862.14.4.el7.x86_64 
registry=https://r.npm.taobao.org

安装vue-cli或者@vue/cli

关于旧版本

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

Node 版本要求

Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。你可以使用 nnvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。

可以使用下列任一命令安装这个新的包:

npm install -g @vue/cli
# OR
yarn global add @vue/cli

安装之后,你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功。

你还可以用这个命令来检查其版本是否正确:

vue --version

#升级

如需升级全局的 Vue CLI 包,请运行:

npm update -g @vue/cli

# 或者
yarn global upgrade --latest @vue/cli

#项目依赖

上面列出来的命令是用于升级全局的 Vue CLI。如需升级项目中的 Vue CLI 相关模块(以 @vue/cli-plugin- 或 vue-cli-plugin- 开头),请在项目目录下运行 vue upgrade

用法: upgrade [options] [plugin-name]

(试用)升级 Vue CLI 服务及插件

选项:
  -t, --to <version>    升级 <plugin-name> 到指定的版本
  -f, --from <version>  跳过本地版本检测,默认插件是从此处指定的版本升级上来
  -r, --registry <url>  使用指定的 registry 地址安装依赖
  --all                 升级所有的插件
  --next                检查插件新版本时,包括 alpha/beta/rc 版本在内
  -h, --help            输出帮助内容

 

官方文档:https://cli.vuejs.org/zh/guide/

### 解决方案 当 `npm install -g @vue/cli` 命令报错时,可以通过一系列措施解决问题。确保 npm 版本是最新的,可使用命令 `npm install npm@latest -g` 进行升级[^1]。 对于某些情况,可能需要超级用户权限才能成功安装,此时应尝试带有 sudo 的命令 `sudo npm install -g @vue/cli` 来完成安装操作。 清理 npm 缓存也是必要的一步,这能有效防止因缓存问题引发的错误。运行 `npm cache clean --force` 可强制清除缓存文件。 考虑到网络因素可能导致下载缓慢或失败,建议切换至国内镜像源以提高效率。设置淘宝镜像作为默认注册表的方法如下: ```bash npm config set registry https://registry.npmmirror.com ``` 若上述方法仍无法解决问题,则考虑采用 cnpm (淘宝定制版 NPM),其安装方式为: ```bash npm install -g cnpm --registry=https://registry.npmmirror.com ``` 之后可通过 cnpm 安装 Vue CLI : ```bash cnpm install -g @vue/cli ``` 最后验证安装是否成功的办法是检查 Vue CLI 的版本号,输入 `vue -v` 或者 `vue -V` 即可查看当前使用的版本信息[^2]。 值得注意的是,在遇到证书过期等问题时,应该调整 HTTPS 请求为 HTTP 请求,即更改镜像地址为 `http://registry.npm.taobao.org` 并再次尝试安装[^4]。 另外,如果之前已经安装了旧版本的 Vue CLI ,则应当先将其卸载掉再重试新版本的安装工作。执行 `npm uninstall -g @vue/cli` 后重新按照以上步骤进行安装
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值