🚀 项目初始化
1 2 3 4 5 6 7 8
| npm init [-y]
pnpm init [-y]
yarn init [-y]
|
🛠️ 安装依赖
安装生产依赖
1 2 3 4 5 6 7 8
| npm install <package>
pnpm add <package>
yarn add <package>
|
安装开发依赖
1 2 3 4 5 6 7 8
| npm install <package> -D
pnpm add <package> -D
yarn add <package> -D
|
全局安装
1 2 3 4 5 6 7 8
| npm install <package> -g
pnpm add <package> -g
yarn global add <package>
|
安装全部依赖
1 2 3 4 5 6 7 8
| npm install
pnpm install
yarn install
|
🔄 依赖管理
更新依赖
1 2 3 4 5 6 7 8
| npm update <package>
pnpm update <package>
yarn up <package>
|
删除依赖
1 2 3 4 5 6 7 8
| npm uninstall <package>
pnpm remove <package>
yarn remove <package>
|
查看过时依赖
1 2 3 4 5 6 7 8
| npm outdated
pnpm outdated
yarn outdated
|
🏃 运行脚本
执行自定义脚本
1 2 3 4 5 6 7 8
| npm run <script>
pnpm run <script>
yarn run <script>
|
执行测试
1 2 3 4 5 6 7 8
| npm test
pnpm test
yarn test
|
📦 依赖锁定
生成锁定文件
1 2 3 4 5 6 7 8
| npm install --package-lock
pnpm install
yarn install
|
🌍 全局管理
列出全局包
1 2 3 4 5 6 7 8
| npm list -g --depth=0
pnpm list -g
yarn global list
|
🚨 安全审计
漏洞检查
1 2 3 4 5 6 7 8
| npm audit
pnpm audit
yarn audit
|
🧹 缓存清理
清理缓存
1 2 3 4 5 6 7 8
| npm cache clean --force
pnpm store prune
yarn cache clean
|
📚 其他实用命令
查看包信息
1 2 3 4 5 6 7 8
| npm info <package>
pnpm info <package>
yarn info <package>
|
执行npx等效操作
1 2 3 4 5 6 7 8
| npx <command>
pnpm dlx <command>
yarn dlx <command>
|
版本快捷操作
1 2 3 4 5 6 7 8
| npm version [major|minor|patch]
pnpm version [major|minor|patch]
yarn version [major|minor|patch]
|
🌟 工作区管理 (Monorepo)
初始化/管理工作区
1 2 3 4 5 6 7 8
| npm init -w ./packages/<name>
pnpm add -w <package>
yarn workspace <workspace_name> add <package>
|
🌳 依赖树分析
查看项目依赖结构
1 2 3 4 5 6 7 8
| npm ls [--depth=N]
pnpm list --depth=N
yarn list --pattern <package>
|
🧼 深度清理
清除并重置依赖
1 2 3 4 5 6 7 8
| rm -rf node_modules && npm install
pnpm install --force
yarn cache clean && yarn install
|
🔍 精确检查
验证依赖完整性
1 2 3 4 5 6 7 8
| npm ci
pnpm store status
yarn check --integrity
|
🔧 配置管理
修改镜像源
1 2 3 4 5 6 7 8
| npm config set registry https://registry.npmmirror.com
pnpm config set registry https://registry.npmmirror.com
yarn config set registry https://registry.npmmirror.com
|
查看配置
1 2 3 4 5 6 7 8
| npm config list
pnpm config list
yarn config list
|
⚡️ 高效操作
并行执行命令
1 2 3 4 5 6 7 8
| npx npm-run-all --parallel task1 task2
pnpm -r run build
yarn workspaces foreach run build
|
交互式更新
1 2 3 4 5 6 7 8
| npm update --interactive
pnpm update -i
yarn upgrade-interactive
|
📜 许可证检查
查看依赖许可
1 2 3 4 5 6 7 8
| npm ls --json | npx license-checker
pnpm licenses list
yarn plugin import workspace-tools && yarn licenses list
|
🏗️ 构建与发布
构建项目
1 2 3 4 5 6 7 8 9 10 11 12
| npm run build
pnpm run build
pnpm -r run build
yarn build
yarn workspaces foreach run build
|
构建后本地预览
1 2 3 4 5 6 7 8 9 10 11 12 13 14
| npx serve ./dist
npm run preview
pnpm dlx serve ./dist
pnpm run preview
yarn dlx serve ./dist
yarn preview
|
发布到 npm 仓库
1 2 3 4 5 6 7 8 9 10 11 12 13 14
| npm login npm publish npm publish --access public
pnpm publish
pnpm -r publish --filter <package_name>
yarn login yarn publish yarn publish --non-interactive
|
🧪 构建高级操作
带环境变量的构建
1 2 3 4 5 6 7 8 9 10 11
| NODE_ENV=production npm run build
pnpm run build --mode production
pnpm add -D dotenv && pnpm run build
yarn add -D env-cmd yarn env-cmd -f .env.prod yarn build
|
构建缓存清理
1 2 3 4 5 6 7 8
| rm -rf ./dist && npm run build
pnpm exec rimraf ./dist && pnpm run build
yarn clean && yarn build
|
🚢 自动化发布流程
版本号+构建+发布一键操作
1 2 3 4 5 6 7 8
| npm version patch && npm run build && npm publish
pnpm version patch && pnpm build && pnpm publish
yarn version --patch && yarn build && yarn publish
|
发布候选版本
1 2 3 4 5 6 7 8
| npm publish --tag beta
pnpm publish --tag next
yarn publish --tag canary
|
🏷️ 扩展技巧:使用 npm pack / pnpm pack / yarn pack 可生成.tgz发布包文件用于离线验证,再通过 npm publish <file.tgz> 发布
💡 提示:不同包管理器在安装速度和磁盘空间占用上有差异:
- **
pnpm**:使用硬链接机制更节省空间
- **
yarn**:擅长依赖解析优化
- **
npm**:则是 Node.js 官方内置工具