https://lategege.com/tags/pnpm/Recent content in Pnpm on lategege 的技术博客Hugo -- gohugo.iozh-cnSun, 07 Apr 2024 10:50:53 +0000https://lategege.com/p/npm-npx-cnpm-yarn-pnpm-nodejs%E5%8C%85%E7%AE%A1%E7%90%86%E4%B9%B1%E5%B1%80/Sun, 07 Apr 2024 10:50:53 +0000https://lategege.com/p/npm-npx-cnpm-yarn-pnpm-nodejs%E5%8C%85%E7%AE%A1%E7%90%86%E4%B9%B1%E5%B1%80/<p>对于前端项目如vue、react大多由nodejs环境来构建编译，事实上，nodejs做的事就是将vue、react代码翻译成html,css,js，浏览器最终也只能运行html,css,js，随着nodejs版本的演进，包管理可谓是一团乱麻。作为一名资深工程师，有时候避免不了跑跑前端开源项目，但是一直非常困惑，这个项目用npm,另一个项目用yarm，别的又用了其他，这尼玛变来变去，花样太多了，我觉得本质上就是一开始包管理器没有设计好，java有maven、gradle ，python 有 pip，go 有mod，rust 有cargo,从没听说包管理器名字都换了- -！</p> <p>面对这乱局，偶尔会接触前端项目的我，也只能水一篇文章了，也方便后期查阅，因为实在记不住~</p> <p>npm: nodejs官方包管理器,默认从官网下载https://www.npmjs.org/ npx: nodejs 执行器，本质就是npm run,执行方便而已 cnpm: 本质和npm一样，只是包会从国内仓库下载 yarn:相对于npm有性能优化，包管理扁平化，而不是嵌套依赖。 pnpm:更进一步的磁盘占用优化，通过软硬连接管理，同时会有差分管理，下载更新速度快，节省磁盘空间。</p> <table> <thead> <tr> <th>特征/工具</th> <th>npm</th> <th>Yarn</th> <th>cnpm</th> <th>pnpm</th> <th>npx</th> </tr> </thead> <tbody> <tr> <td>时间</td> <td>2010</td> <td>2016</td> <td>未知</td> <td>2016</td> <td>2017</td> </tr> <tr> <td>特点</td> <td>Node.js的官方包管理器，广泛使用。支持大量包和版本，易于入门。</td> <td>由Facebook开发，注重速度和包的稳定安全。使用锁文件确保依赖一致性。</td> <td>针对中国开发者的npm镜像，提高在中国大陆地区的访问速度和安装效率。</td> <td>侧重于性能和空间节省，通过硬链接和符号链接来重用包，减少冗余。</td> <td>npm的包运行器，允许直接执行npm仓库中的包而不需要全局安装。</td> </tr> <tr> <td>性能对比</td> <td>标准基准，较慢</td> <td>相对更快，通过并行下载和更好的缓存管理优化性能</td> <td>依赖于npm，性能提升主要来源于镜像的使用</td> <td>在多项目中重用包，节省空间和安装时间，性能优异</td> <td>适用于执行单次任务，避免全局安装，性能取决于npm</td> </tr> </tbody> </table> <table> <thead> <tr> <th>使用说明/工具</th> <th>npm</th> <th>Yarn</th> <th>cnpm</th> <th>pnpm</th> <th>npx</th> </tr> </thead> <tbody> <tr> <td>安装包</td> <td><code>npm install package_name</code></td> <td><code>yarn add package_name</code></td> <td><code>cnpm install package_name</code></td> <td><code>pnpm add package_name</code></td> <td>-</td> </tr> <tr> <td>安装特定版本包</td> <td><code>npm install package_name@version</code></td> <td><code>yarn add package_name@version</code></td> <td><code>cnpm install package_name@version</code></td> <td><code>pnpm add package_name@version</code></td> <td>-</td> </tr> <tr> <td>全局安装包</td> <td><code>npm install -g package_name</code></td> <td><code>yarn global add package_name</code></td> <td><code>cnpm install -g package_name</code></td> <td><code>pnpm add -g package_name</code></td> <td>-</td> </tr> <tr> <td>更新包</td> <td><code>npm update package_name</code></td> <td><code>yarn upgrade package_name</code></td> <td><code>cnpm update package_name</code></td> <td><code>pnpm update package_name</code></td> <td>-</td> </tr> <tr> <td>卸载包</td> <td><code>npm uninstall package_name</code></td> <td><code>yarn remove package_name</code></td> <td><code>cnpm uninstall package_name</code></td> <td><code>pnpm remove package_name</code></td> <td>-</td> </tr> <tr> <td>列出已安装包</td> <td><code>npm list</code></td> <td><code>yarn list</code></td> <td><code>cnpm list</code></td> <td><code>pnpm list</code></td> <td>-</td> </tr> <tr> <td>运行脚本</td> <td><code>npm run script_name</code></td> <td><code>yarn run script_name</code></td> <td><code>cnpm run script_name</code></td> <td><code>pnpm run script_name</code></td> <td><code>npx script_name</code> (执行项目中或远程的npm包命令)</td> </tr> <tr> <td>创建项目</td> <td><code>npm init</code> 或 <code>npm init project_name</code></td> <td><code>yarn init</code> 或 <code>yarn create project_name</code></td> <td><code>cnpm init</code> 或 <code>cnpm init project_name</code></td> <td><code>pnpm init</code> 或 <code>pnpm create project_name</code></td> <td>-</td> </tr> <tr> <td>查看包信息</td> <td><code>npm view package_name</code></td> <td><code>yarn info package_name</code></td> <td><code>cnpm view package_name</code></td> <td><code>pnpm info package_name</code></td> <td>-</td> </tr> </tbody> </table> <p>官方文档： npm: <a href="https://docs.npmjs.com/">https://docs.npmjs.com/</a> Yarn: ttps://classic.yarnpkg.com/en/docs cnpm: 和npm一致 pnpm: <a href="https://pnpm.io/">https://pnpm.io/</a> npx: npm文档中包含npx使用说明</p>