2023了,是时候使用pnpm了!

2023了,是时候使用pnpm了!

Excerpt

2023了,是时候使用pnpm了!


什么是pnpm

pnpm代表performant npm(高性能的npm),同npm和Yarn,都属于Javascript包管理安装工具,它较npm和Yarn在性能上得到很大提升,被称为快速的,节省磁盘空间的包管理工具。

对比npm,yarn

!图片(data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='SVG namespace' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

!图片(data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1px' height='1px' viewBox='0 0 1 1' version='1.1' xmlns='SVG namespace' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E%3C/title%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'%3E%3Cg transform='translate(-249.000000, -126.000000)' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

通过比对,pnpm牛逼,还有特有的功能,能够管理node.js版本,内容可寻址存储。

npm或yarn转pnpm

操作步骤:

    全局安装pnpm

--javascripttypescriptbashsqljsonhtmlcssccppjavarubypythongorustmarkdown

复制代码
npm install -g pnpm

--javascripttypescriptbashsqljsonhtmlcssccppjavarubypythongorustmarkdown

复制代码

    删除npm或yarn生成的node_modules

--javascripttypescriptbashsqljsonhtmlcssccppjavarubypythongorustmarkdown

复制代码
# 项目目录下运行或手动物理删除

    pnpm import从其他软件包管理器的lock 文件生成 pnpm-lock.yaml,再执行pnpm install --frozen-lockfile(相当于npm ci)生成依赖,防止没有lock文件意外升级依赖包,导致项目出错

--javascripttypescriptbashsqljsonhtmlcssccppjavarubypythongorustmarkdown

复制代码
# 生成`pnpm-lock.yaml`

--javascripttypescriptbashsqljsonhtmlcssccppjavarubypythongorustmarkdown

复制代码
# 安装依赖

--javascripttypescriptbashsqljsonhtmlcssccppjavarubypythongorustmarkdown

复制代码
pnpm install --frozen-lockfile

    删除npm或yarn生成的lock文件

--javascripttypescriptbashsqljsonhtmlcssccppjavarubypythongorustmarkdown

复制代码
# 删除package-lock.json

    项目中的npm命令等修改为pnpm,包括README文档、运行命令等

常用等价命令

npm命令 pnpm等价命令
npm install pnpm install
npm i pkg pnpm add pkg
npm run cmd pnpm cmd

管理 Node.js 环境,安装并使用指定版本的 Node.js。

--javascripttypescriptbashsqljsonhtmlcssccppjavarubypythongorustmarkdown

复制代码
// 安装 LTS 版本的 Node.js 

pnpm用起来吧

相关推荐
普通人66 小时前
WebGL与WebGPU入门指南
开发语言·webgl·1024程序员节
猫猫不是喵喵.1 天前
从0到1创建一个微服务项目
java·数据库·微服务·1024程序员节
fish_zzzz4 天前
笔记-论数据结构2
1024程序员节
普通人65 天前
PHP文件读写完全指南
开发语言·php·1024程序员节
Martina_03215 天前
AI生成3D场景从白模换成精模后镜头全偏了?用6步检查单位、枢轴与层级替换
图像处理·人工智能·3d·ai·自然语言处理·材质·1024程序员节
星云_byto6 天前
CSS布局
人工智能·机器学习·目标跟踪·1024程序员节
张小姐的猫9 天前
【MySQL】访问 & 数据流动原理
android·数据库·mysql·adb·1024程序员节
工业HMI实战笔记10 天前
印刷电路板HMI:SMT贴装的元件定位界面
制造·设计规范·设计语言·1024程序员节
Martina_032110 天前
AI生成3D模型一合并网格,材质就串色?用6步检查材质槽、UV与图集重映射
图像处理·人工智能·3d·材质·uv·游戏策划·1024程序员节
橙光成长10 天前
android-ad-cleaner:android免 Root 批量关闭系统开屏与营销推送
android·1024程序员节