欢迎访问响应式SPA SSR网站!

English
原创前端技术博客,致力于分享前端学习路上的第一手资料。专注 web 前端开发、移动端开发、前端工程化、前端职业发展,做最有价值的前端技术学习网站。

前端·小阳仔

关注互联网和前端开发技术的博客网站!

当前位置: 导航  >  前端小知识  >  文章详情

npm使用国内淘宝镜像(最新地址)

发布时间:2024-01-16   作者:富朝阳    我要评论我要评论

 前言

我们前端程序员在使用国外的镜像源速度很慢并且容易下载失败,有时候需要尝试多次才有可能下载成功,很麻烦,但是可以切换为国内镜像源,下面我介绍下如何使用淘宝镜像源。

一、命令配置

设置淘宝镜像源 

#最新地址 淘宝 NPM 镜像站喊你切换新域名啦!
npm config set registry https://registry.npmmirror.com

淘宝 NPM 镜像站喊你切换新域名啦! 

注意:原域名https://registry.npm.taobao.org/ 在 2022.06.30 号正式下线和停止 DNS 解析

查看镜像使用状态

npm config get registry

npm使用国内淘宝镜像(最新地址)

如果返回https://registry.npmmirror.com,说明配置的是淘宝镜像。

那么如何恢复官方镜像源呢?

npm config set registry https://registry.npmjs.org

二、使用cnpm安装

安装cnpm 

 npm install -g cnpm --registry=https://registry.npmmirror.com
 
 # 注册模块镜像
 npm set registry https://registry.npmmirror.com  

 // node-gyp 编译依赖的 node 源码镜像  
 npm set disturl https://npmmirror.com/dist 

 // 清空缓存  
 npm cache clean --force  

 // 安装cnpm  
 npm install -g cnpm --registry=https://registry.npmmirror.com  

淘宝 NPM 镜像站喊你切换新域名啦 

注意:原域名https://registry.npm.taobao.org/ 在 2022.06.30 号正式下线和停止 DNS 解析  

使用cnpm

cnpm install xxx

三、常见包地址 

自动化打包构建常见包配置地址 ,提高下载成功率!

# mirror config
sharp_binary_host = https://npmmirror.com/mirrors/sharp
sharp_libvips_binary_host = https://npmmirror.com/mirrors/sharp-libvips
profiler_binary_host_mirror = https://npmmirror.com/mirrors/node-inspector/
fse_binary_host_mirror = https://npmmirror.com/mirrors/fsevents
node_sqlite3_binary_host_mirror = https://npmmirror.com/mirrors
sqlite3_binary_host_mirror = https://npmmirror.com/mirrors
sqlite3_binary_site = https://npmmirror.com/mirrors/sqlite3
sass_binary_site = https://npmmirror.com/mirrors/node-sass
electron_mirror = https://npmmirror.com/mirrors/electron/
puppeteer_download_host = https://npmmirror.com/mirrors
chromedriver_cdnurl = https://npmmirror.com/mirrors/chromedriver
operadriver_cdnurl = https://npmmirror.com/mirrors/operadriver
phantomjs_cdnurl = https://npmmirror.com/mirrors/phantomjs
python_mirror = https://npmmirror.com/mirrors/python
registry = https://registry.npmmirror.com
disturl = https://npmmirror.com/dist

四、总结

通过上述的操作,我们可以轻松地配置和使用淘宝镜像来加速npm包的下载、安装和更新。

今天就分享到这里啦!欢迎在评论区交流。如果文章对你有所帮助,❤️关注+点赞❤️鼓励一下!博主会持续更新。。。。 ​

猜你喜欢
  • 前端性能优化9大策略(面试一网打尽)!
    前端性能优化9大策略(面试一网打尽)!
    wonderful
  • 解决angualr13 form表单设置disabled不起作用问题
    解决angualr13 form表单设置disabled不起作用问题
    wonderful
  • 什么是变量提升?var、let 及 const 区别?什么是暂时性死区?
    什么是变量提升?var、let 及 const 区别?什么是暂时性死区?
    wonderful
  • Webpack性能优化
    Webpack性能优化
    wonderful
  • CSS实现三种常用的三角形效果
    CSS实现三种常用的三角形效果
    wonderful
  • vite构建打包性能优化
    vite构建打包性能优化
    wonderful

给我留言

专注于程序员工作、学习、编程提效。

Copyright © www.code-nav.top All Rights Reserved.

前端小阳仔 提供技术支持 备案号:陕ICP备19013504号

LOADING