原创

前端开发工具配置记录

Yarn 设置淘宝镜像

1.查询当前配置的镜像

yarn config get registry  // 默认:https://registry.yarnpkg.com

2.设置成淘宝镜像


# taobao镜像证书不更新了,改为https://registry.npmmirror.com/
yarn config set registry http://registry.npm.taobao.org/

yarn config set registry https://registry.npmmirror.com/

3.换成原来的

yarn config set registry http://registry.npmjs.org/

NPM设置淘宝镜像

yarn也是一个常用的JavaScript包管理工具,所以我们也安装一下yarn,这里通过npm来安装yarn.

# taobao镜像证书不更新了,改为https://registry.npmmirror.com/
npm install -g yarn --registry=https://registry.npm.taobao.org

npm install -g yarn --registry=https://registry.npmmirror.com/

--registry=https://registry.npm.taobao.org用来 临时切换镜像源 ,这里选择 淘宝镜像源 。

安装完成后,再输入下面的命令验证是否安装成功

yarn -v

1.查询当前配置的镜像

npm get registry

npm config get registry

2.设置成淘宝镜像

# taobao镜像证书不更新了,改为https://registry.npmmirror.com/
npm config set registry http://registry.npm.taobao.org/

npm config set registry https://registry.npmmirror.com/

3.换成原来的

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

安装 pnpm

pnpm 是一款磁盘空间高效的软件包管理器。
当使用 npm 或 Yarn 时,如果你有 1000个项目,并且所有项目都有一个相同的依赖包,那么, 你在硬盘上就需要保存 100 份该相同依赖包的副本。然而,如果是使用 pnpm,依赖包将被存放在一个统一的位置,因此以项目和依赖包的比例来看,使用pnpm 将节省大量的硬盘空间,并且安装速度也能大大提高,目前,pnpm 已发布 6.8.0 版本,此版本包含许多新功能、性能优化以及错误修复,主要更新内容如下:

  • pnpm 号称是同类工具速度的将近 2 倍
  • node_modules 中的所有文件均链接自单一存储位置
  • pnpm 内置了对单个源码仓库中包含多个软件包的支持
  • pnpm 创建的 node_modules 并非扁平结构,因此代码不能对任意软件包进行访问
  • pnpm:官网传送门https://pnpm.io/zh/motivation

安装pnpm

npm install -g pnpm

设置镜像源

# taobao镜像证书不更新了,改为https://registry.npmmirror.com/
pnpm config set registry https://registry.npm.taobao.org/

pnpm config set registry https://registry.npmmirror.com/

# 验证
pnpm config get registry

常用命令

  • 查看ts-node的所有版本

    pnpm view ts-node versions
    
  • 等价与npm i nodemon -g

    pnpm add nodemon -g
    
  • npm i

    pnpm i
    
  • 查看依赖(全局)

    pnpm list [-g]
    
  • 较好用的地方是: npm run dev/test/build

    pnpm dev
    
  • 当然习惯npm的也可以用 pnpm run dev

永久切换镜像源

由于npm原始源在国外,下载速度比较慢,所以最好切换为国内镜像源,这里选择 淘宝镜像源 。

安装nrm
首先我们来安装一下nrm,nrm能够管理npm源

npm install -g nrm --registry https://registry.npmmirror.com/

安装完nrm后,可以通过下面的命令来查看当前可用源

nrm ls
正文到此结束
该篇文章的评论功能已被站长关闭
本文目录