前端工程化Vue使用Node.js永久设置国内高速npm镜像源

前端工程化Vue使用Node.js永久设置国内高速npm镜像源

接续上篇错误收录,此篇通过简单配置永久设置国内高速npm镜像源方法

1.更换新版镜像

清空npm缓存

bash 复制代码
npm cache clean --force

修改回原版镜像源或直接删除配置过的镜像源

json 复制代码
npm config set registry https://registry.npmjs.org/
-- 删除镜像源
npm config delete registry

更改新版镜像源

json 复制代码
npm config set registry https://registry.npmmirror.com

2.简单操作永久使用镜像源

2.1 通过命令行配置(暂时生效)

前提:对于已经安装了Node.js和npm的环境,可以通过以下命令直接设置npm的registry为淘宝镜像

bash 复制代码
npm config set registry https://registry.npmmirror.com

这条命令会将当前用户的npm配置中的registry属性更新为淘宝镜像的URL。执行后,所有后续的npm包安装、更新操作都将通过这个镜像源进行。

检查设置是否生效:

可以使用以下命令查看当前设置的npm镜像源:

bash 复制代码
npm config get registry

如果输出为https://registry.npmmirror.com,则说明设置成功。

2.2 配置持久化

上述命令行方式设置的镜像源仅对当前用户有效。如果你希望对所有用户都默认使用淘宝镜像,或者希望配置能够在跨项目和跨终端时保持一致,可以编辑全局npm配置文件:

在Windows系统中,通常(需安装nodepad++软件):

bash 复制代码
notepad %APPDATA%\npm\config

在macOS/Linux系统中,通常是:

bash 复制代码
nano ~/.npmrc

然后在打开的配置文件中添加或修改以下行:

ini 复制代码
registry=https://registry.npmmirror.com

保存并关闭编辑器后,此配置将在全局范围内生效。

使用cnpm CLI

淘宝团队还提供了名为cnpm的命令行工具,它是npm的一个便捷替代品,内置了对淘宝镜像的支持。若想使用cnpm,需先全局安装它:

bash 复制代码
npm install -g cnpm --registry=https://registry.npm.taobao.org

装它:

bash 复制代码
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成后,即可用cnpm命令代替npm进行包的安装、更新等操作,无需再单独配置镜像源。

了解更多知识请戳下:

@Author:懒羊羊

相关推荐
前端码虫几秒前
2.9Vue创建项目(组件)的补充
javascript·vue.js·学习
Bottle41413 分钟前
深入探究 React Fiber(译文)
前端
汤姆Tom19 分钟前
JavaScript Proxy 对象详解与应用
前端·javascript
BillKu19 分钟前
Vue3中app.mount(“#app“)应用挂载原理解析
javascript·vue.js·css3
xiaopengbc25 分钟前
在 React 中如何使用 useMemo 和 useCallback 优化性能?
前端·javascript·react.js
GISer_Jing27 分钟前
React 18 过渡更新:并发渲染的艺术
前端·javascript·react.js
okra-1 小时前
如何进行WEB安全性测试
数据库
全栈技术负责人1 小时前
前端网络性能优化实践:从 HTTP 请求到 HTTPS 与 HTTP/2 升级
前端·网络·http
码上暴富1 小时前
Echarts雷达图根据数值确定颜色
前端·javascript·echarts
Mintopia2 小时前
在混沌宇宙中捕捉错误的光——Next.js 全栈 Sentry / LogRocket
前端·javascript·next.js