首页 > 编程知识 正文

如何安装vue淘宝镜像,npm install @vue/cli

时间:2023-05-05 22:11:00 阅读:187919 作者:1524

环境

原先是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/yjddtk/cnpm -> /usr/local/node-v12.19.0-linux-x64/lib/node_modules/cnpm/yjddtk/cnpm+ cnpm@6.1.1added 21 packages from 17 contributors and updated 37 packages in 84.616s[root@db01 Downloads]# cnpm -vcnpm@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/yjddtk/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 以上)。你可以使用 n,nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。

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

npm install -g @vue/cli# ORyarn 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/

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。