前端项目的包管理工具现在有多种,有 npm、yarn、pnpm 还有新出的 bun。它们诞生的背景各不相同,各有优缺点,而实际项目中也各都有使用。开发时也是频繁需要使用对应的命令,如果同时参与多个项目,还需要在使用命令前确认是哪种工具。就 pnpm 而言前后大版本变更较多,还需要额外确认是哪个 pnpm 版本。
yipm 提供了多个简短命令,可以自动识别当前项目所用的包管理工具,并执行相应命令,是一个能提效又能减少心智负担的工具。
原理
通过识别 lock 文件判断包管理工具,如发现 package-lock.json 即 npm、 yarn.lock 即 yarn,其他同理。另外,也支持 package.json 的 packageManager 属性指定的包管理工具。
安装
npm i -g yipm@latest
使用
yipm 将一些常用命令,如做了缩短,如输入 yy 即执行 npm install,输入 yys 即执行 npm install && npm run start ,其中版本管理工具会根据实际情况而自动识别确定。由此,即可不必再记忆输入长长的命令、不必再人工区分项目是用了哪种包管理工具。
下面是 yipm 的命令与各种包管理命令的对应
| yipm command | npm | yarn | pnpm | bun |
|---|---|---|---|---|
ypm | npm | yarn | pnpm | bun |
yy | npm install | yarn | pnpm install | bun install |
yys | npm i && npm start | yarn && yarn start | pnpm i && pnpm start | bun i && bun run start |
yyd | npm i && npm run dev | yarn && yarn dev | pnpm i && pnpm dev | bun i && bun run dev |
yyb | npm i && npm run build | yarn && yarn build | pnpm i && pnpm build | bun i && bun run build |
ya <pkg> | npm install <pkg> | yarn add <pkg> | pnpm add <pkg> | bun add <pkg> |
yad <pkg> | npm install -D <pkg> | yarn add -D <pkg> | pnpm add -D <pkg> | bun add -D <pkg> |
yb | npm run build | yarn build | pnpm build | bun run build |
yd | npm run dev | yarn dev | pnpm dev | bun run dev |
yr <script> | npm run <script> | yarn run <script> | pnpm run <script> | bun run <script> |
yrm <pkg> | npm uninstall <pkg> | yarn remove <pkg> | pnpm remove <pkg> | bun remove <pkg> |
ys | npm run start | yarn start | pnpm start | bun run start |
yt | npm run test | yarn test | pnpm test | bun run test |
ylk | npm link | yarn link | pnpm link --global | bun link |
常用命令简单记忆法
- 安装 ——
yy - 开发运行 ——
yd - 安装并开发运行 ——
yyd - 构建 ——
yb - 安装并构建 ——
yyb
这样就能在开发一个新项目时,使用不超过三个字母的命令,就能快速运行起来。