yarn 与 npm

引言

• 不论是前端、后端还是其他方向的开发人员，npm 和 yarn包管理工具在日常的开发中都必不可少，那我们常用的都有哪些命令呢？

声明

[package] === [package] | [package]@[version|tag]
复制代码

安装

通用安装

1. npm
   • 通过 Node.js 官网，下载安装 Node 会自动安装 npm。
2. yarn
   • 通过 npm 安装 yarn。

   npm install -g yarn
   复制代码

提示⚠️：npm 中 install 可以简写为 i。

其他

1. Windows 安装 yarn
2. Mac 安装 yarn

查看当前版本

npm|yarn -v
// or
npm|yarn --version
复制代码

更新包管理工具本身

npm

• 更新最新版本

npm install -g npm@latest // 需要 root 权限
复制代码

• 安装将来发布的版本

npm install -g npm@next
复制代码

yarn

• 更新最新版本

yarn global upgrade yarn
// mac
curl --compressed -o- -L https://yarnpkg.com/install.sh | bash
复制代码

全局相关

配置

1. 查看

npm|yarn config list
复制代码

1. 删除

npm|yarn config delete [typename]
复制代码

全局包

1. 安装

npm install -g [package]
yarn global add [package]
复制代码

提示⚠️：yarn 中 global 必须紧跟在 yarn 之后。

1. 更新

npm update -g [package]
yarn global upgrade [package]
复制代码

1. 查看

npm list -g --depth 0
yarn global list
复制代码

全局镜像源

1. 查看

npm|yarn config get registry
复制代码

1. 修改

npm｜yarn config set registry [origin]
复制代码

1. 删除

// 1. 命令
npm|yarn config delete registry
// 2. 找到 .npmrc 文件删除
Windows C:\Users\[username]
Mac ~
复制代码

项目中

初始化 package.json

npm|yarn init
复制代码

安装包

1. 指定名称

npm install [package] --save-dev 
yarn add [package] --dev
复制代码

1. package.json 中已存在的包

npm install
yarn ?[install]
复制代码

• 说明
  1. npm
     • --save === -S：安装在 package.json 的 dependencies 中。
     • --save-dev === -D：安装在 package.json 的 devDependencies 中。
  2. yarn
     • --save === -S：安装在 package.json 的 dependencies 中。
     • --dev === -D：安装在 package.js 的 devDependencies 中。
     • --peer：安装在 package.json 的 peerDependencies 中。
     • --optional：安装在 package.json 的 optionalDependencies 中。
• dependencies 和 devDependencies 区别
  • dependencies：项目（运行、发布到生产环境时）依赖。
  • devDependencies：工程构建（开发、打包时）依赖。

更新包

npm update [package]
yarn upgrade [package]
复制代码

删除包

npm uninstall [package] --save?-dev
yarn remove [package]
复制代码

查看已安装的包

npm list
yarn list --depth=0 // --depth=0 不显示包的依赖
复制代码

开发 npm 包

登录 npm

npm|yarn login
复制代码

• npm 官网无法登录（忘记密码及 2FA），可以通过 Concat npm 联系 npm 官方，选择 I need help with something / I have account or billing issue。

本地测试

1. 开发包的项目

npm|yarn link
复制代码

1. 测试包的项目

npm|yarn link [package] // package 开发的包运行 yarn link 后显示的名字
复制代码

1. 卸载

// 开发包的项目
npm|yarn unlink
// 测试包的项目
npm|yarn unlink [package] // package 开发的包运行 yarn link 后显示的名字
复制代码

发布

npm|yarn publish --tag <tag> // 特定标签 yarn add xxx@beta
npm|yarn publish --access <public|restricted> // 发布为公共包还是受限包
复制代码

更多命令

• npm 中文文档
• yarn 中文文档
• 为npm设置代理