2023了,是时候使用pnpm了!

2023了,是时候使用pnpm了!

Excerpt

2023了,是时候使用pnpm了!


2023了,是时候使用pnpm了!_第1张图片

什么是pnpm

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

对比npm,yarn

2023了,是时候使用pnpm了!_第2张图片

![图片](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

操作步骤:

  1. 1.

    全局安装pnpm

--javascripttypescriptbashsqljsonhtmlcssccppjavarubypythongorustmarkdown

npm install -g pnpm

--javascripttypescriptbashsqljsonhtmlcssccppjavarubypythongorustmarkdown

 
  
  1. 1.

    删除npmyarn生成的node_modules

--javascripttypescriptbashsqljsonhtmlcssccppjavarubypythongorustmarkdown

# 项目目录下运行或手动物理删除
  1. 1.

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

--javascripttypescriptbashsqljsonhtmlcssccppjavarubypythongorustmarkdown

# 生成`pnpm-lock.yaml`

--javascripttypescriptbashsqljsonhtmlcssccppjavarubypythongorustmarkdown

# 安装依赖

--javascripttypescriptbashsqljsonhtmlcssccppjavarubypythongorustmarkdown

pnpm install --frozen-lockfile
  1. 1.

    删除npmyarn生成的lock文件

--javascripttypescriptbashsqljsonhtmlcssccppjavarubypythongorustmarkdown

# 删除package-lock.json
  1. 1.

    项目中的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用起来吧

你可能感兴趣的:(前端工具,1024程序员节)