当前位置:首页 > 技术文章 > 正文内容

npm包安装太慢,别怪网速慢,可能是你使用的姿势不正确

zonemu16小时前技术文章1

写在前面

相信很多人在使用npm下载依赖包的时候,都遇到过一个非常常见的问题,那就是:下载速度太慢~~~

那么今天给大家介绍一些提升npm下载速度的方法,还不清楚的朋友要收藏好了哟,不过在使用这几招之前,首先需要做一下的一些检查:

  1. 你家宽带速度是不是太慢了,如果是,那就换了吧
  2. 在 terminal下运行如下命令:
npm config get registry

如果你得到了下面的结果:

https://registry.npmjs.org/

那就说明你的npm镜像源的地址是
https://registry.npmjs.org,这就是你下载慢的原因,接下来你可以使用下面几招提示下载速度。

第一招

在你使用npm下载包时,追加一个镜像源(registry)参数,参数值是你当前网络环境中能够快速访问到的源 , 比如 淘宝镜像( https://registry.npm.taobao.org

npm i jquery  --registry=https://registry.npm.taobao.org

第二招

当然,更多的场景下,我们不会直接使用 npm i 这个命令,而是直接把依赖写入一个package.json的配置文件,这个时候,我们可以用命令修改npm registry:

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

但是,我们不可能把这些镜像的地址都记在心里,所以需要一个工具来对这个镜像源进行管理(切换、添加、删除等),这当然是有的!

第三招

使用 nrm ,这个工具可以直接通过npm下载安装,至于用法么,看图吧~



嗯~由图可知,我也不用写啥了~~~

那么今天的分享就到这儿吧,主要是偷懒不想录视频

如果我的分享对你有所帮助,别忘了三连哦

相关文章

Vue3开发极简入门(14):组件间通信之props、ref&defineExpose

组件间的关系可以分为:父子关系。以前文的代码为例,最典型的就是App.vue与Car.vue这种,APP是父,Car是子。祖孙关系。如果Car再引入一个子组件,这个子组件与App就是祖孙关系。其他。比...

Vue3,父组件子组件传值,provide(提供)和inject(注入)传值

父组件向子组件传值父子组件传递数据时,通常使用的是props和emit,父向子传递使用props,子向父传递使用emit。子组件接收3种方式// 1、简单接收 props:["title...

Vue3开发极简入门(15.1):emits补完-结合v-model

之前代码是通过按钮触发emit,如果希望输入框里的内容在输入之后也能同步到父组件,就可以结合v-model的update事件来操作,具体如下。Son2.vue:<template>...

Vue3快速入门(vue3快速上手)

  1.核心语法  1. 1选项式和组合式的区别  Vue2的API设计是Options(选项)风格的。  Vue3的API设计是Composition(组合)风格的。  Options类型的 API...

前端React面试基础系列(React基础篇)

本文阅读8分钟,喜欢的小伙伴可以持续关系小编哦1. 什么是受控组件和非受控组件?受控组件像表单元素在用户输入时,像<input> <select>等元素需要绑定一个 chang...

GitLab-合并请求(gitlab合并请求合并者还原图解)

描述合并请求可用于在您对项目进行的其他人员之间交换代码,并轻松与他们讨论更改。合并请求的步骤步骤1-在创建新的合并请求之前,GitLab中应该有一个创建的分支。您可以参考本章来创建分支-步骤2-登录到...