npm、yarn常用操作指南

• 本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。

引言

• 不论是前端、后端还是其他方向的开发人员，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

2. 删除

npm|yarn config delete [typename]

全局包

1. 查看

npm list -g [--depth 0]
yarn global list

2. 安装

npm install -g [package]
yarn global add [package]

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

3. 更新

npm update -g [package]
yarn global upgrade [package]

2. 查看

npm list -g --depth 0
yarn global list

全局镜像源

1. 查看

npm|yarn config get registry

2. 修改

npm｜yarn config set registry [origin]

3. 删除

// 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

2. 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

2. 测试包的项目

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

3. 卸载

// 开发包的项目
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设置代理

结语

• 欢迎在评论区讨论，掘金官方将在掘力星计划活动结束后，在评论区抽送 100 份掘金周边，抽奖详情见活动文章。

往期精彩

• 金九前端面试总结！
• 前端开发基本规范
• 从0搭建Vite + Vue3 + Element-Plus + Vue-Router + ESLint + husky + lint-staged
• 「前端进阶」JavaScript手写方法/使用技巧自查
• 公众号打开小程序最佳解决方案（Vue）
• Axios你可能不知道使用方式

「点赞、收藏和评论」

❤️关注+点赞收藏+评论+分享❤️，手留余香，谢谢🙏大家。