前端工程化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:懒羊羊

相关推荐
Java陈序员4 小时前
太香了!一款轻量级的 Elasticsearch 可视化管理工具!
vue.js·elasticsearch·vite
成为你的宁宁4 小时前
Jenkins 自动化部署前后端分离若依项目全攻略:涵盖环境配置、Maven/Node.js 工具安装、GitLab 项目协同,及前后端构建、服务器推送与代码更新验证全步骤
node.js·自动化·gitlab·jenkins·maven
Anastasiozzzz5 小时前
MySQL深分页问题与优化思路
数据库·mysql
伯明翰java5 小时前
数据库的操作
数据库
万物得其道者成6 小时前
前端大整数精度丢失:一次踩坑后的实战解决方案(`json-bigint`)
前端·json
鹏北海6 小时前
移动端 H5 响应式字体适配方案完全指南
前端
柳杉8 小时前
使用AI从零打造炫酷医疗数据可视化大屏,源码免费拿!
前端·javascript·数据可视化
凌云拓界8 小时前
前端开发的“平衡木”:在取舍之间找到最优解
前端·性能优化·架构·前端框架·代码规范·设计规范
zhengfei6118 小时前
【XSS payload 】一个经典的XSS payload
前端·xss
简单Janeee9 小时前
[Vue 3 从零到上线]-第四篇:组件化思维——把网页像积木一样拆解
javascript·vue.js·ecmascript