npm ,yarn 更换使用国内镜像源,阿里源,清华大学源

在平时开发当中,我们经常会使用 Npm,yarn 来构建 web 项目。但是npm默认的源的服务器是在国外的,如果没有梯子的话。会感觉特别特别慢,所以,使用国内的源是非常有必要的。

在这里插入图片描述

Nnpm, yarn 常用命令

常用命令:

功能/工具名称 yarn npm
安装全部依赖 yarn / yarn install npm install
添加一个/多个依赖 yarn add xx npm install xx
删除一个/多个依赖 yarn remove npm uninstall
搜索 package 包 / npm search

yarn:

Yarn 是由 Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 。

安装:

npm install -g yarn

执行 yarn xxx 命令报以下错误时:

在这里插入图片描述

操作以下步骤进行策略更改:

  1. 使用管理员身份运行 cmd 或 Power shell
  2. 输入:set-executionpolicy remotesigned
  3. 输入"Y",回车保存

npm,yarn 使用国内源

原淘宝 npm 域名即将停止解析!!使用老域名的请尽快更新到新域名!

《淘宝 NPM 镜像站喊你切换新域名啦》
https://npm.taobao.orghttps://registry.npm.taobao.org 将在 2022.06.30
号正式下线和停止 DNS 解析。

域名切换规则:

https://npm.taobao.org => https://npmmirror.com
https://registry.npm.taobao.org => https://registry.npmmirror.com

yarn 配置源:

有两种方式,一种是临时配置的,一种是永久配置的

临时使用

如果只是一次性使用,可以使用下面的命令

npm --registry https://registry.npm.taobao.org install XXX(模块名)

全局配置

这种设置是全局的,以后每次都会自动读取已经设置好的源

    // 查询源
    yarn config get registry

    // 更换国内源
    yarn config set registry https://registry.npmmirror.com

    // 恢复官方源
    yarn config set registry https://registry.yarnpkg.com

    // 删除注册表
    yarn config delete registry

npm 配置源:

注意 npm 更换国内镜像源之后,将无法再使用 npm search
命令,需要恢复为官方源才可以使用,如果恢复官方源后还不可使用,运行删除注册表命令后重试即可。

    // 查询源
    npm config get registry

    // 更换国内源
    npm config set registry https://registry.npmmirror.com

    // 恢复官方源
    npm config set registry https://registry.npmjs.org

    // 删除注册表
    npm config delete registry
相关推荐
cronaldo9112 分钟前
研发效能DevOps: Vite 使用 Element Plus
vue.js·vue·devops
编程百晓君3 小时前
一文解释清楚OpenHarmony面向全场景的分布式操作系统
vue.js
暴富的Tdy3 小时前
【CryptoJS库AES加密】
前端·javascript·vue.js
neeef_se3 小时前
Vue中使用a标签下载静态资源文件(比如excel、pdf等),纯前端操作
前端·vue.js·excel
z千鑫3 小时前
【前端】入门指南:Vue中使用Node.js进行数据库CRUD操作的详细步骤
前端·vue.js·node.js
生产队队长5 小时前
项目练习:element-ui的valid表单验证功能用法
前端·vue.js·ui
web137656076435 小时前
WebStorm 创建一个Vue项目
ide·vue.js·webstorm
秃头女孩y5 小时前
【React中最优雅的异步请求】
javascript·vue.js·react.js
小马哥编程8 小时前
原型链(Prototype Chain)入门
css·vue.js·chrome·node.js·原型模式·chrome devtools
娃哈哈哈哈呀11 小时前
vue中的css深度选择器v-deep 配合!important
前端·css·vue.js