pnpm学习

介绍

https://pnpm.io/zh/

在项目初衷有两点:节省磁盘空间和提高安装速度

安装及卸载

因为我安装了node.js, 所以有带npm包管理, 使用npm安装,我又安装了cnpm,。。。。

1
cnpm install -g pnpm

设置为国内镜像:

查看镜像地址

1
pnpm config get registry

设置

1
2
# https://registry.npmmirror.com 为淘宝镜像
pnpm config set registry https://registry.npmmirror.com

卸载:

1
cnpm rm -g pnpm

使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
# 安装 package.json 中列出的所有依赖。
npm install
# 将项目的依赖项更新到它们当前版本范围内的最新版本。
# 不修改package.json 文件
# 需要更新依赖,手动编辑 package.json 文件,然后运行 npm install
npm update
# 将包添加到 package.json 文件 dependencies 中
npm i 包名
npm install 包名
# 将包添加到 devDependencies 中,这些是仅在开发环境中需要的包
npm i 包名 --save-dev 或 -D
# 将包添加到 optionalDependencies 中,这些是可选的依赖,即使安装失败,npm也会继续执行。
npm i 包名 --save-optional 或 -O
# 将包从dependencies 中删除
npm uninstall 包名
# 运行package.json文件scripts中脚本
npm run 脚本名
1
2
3
4
5
pnpm install
pnpm add 包名
pnpm add 包名 -D
pnpm remove 包名
pnpm 脚本名

更多命令查看官网。

创建VUE项目

1
pnpm create vue
1
2
3
4
5
6
7
8
9
10
输入项目名
不使用TypeScript
不使用JSX支持
使用vue-router
使用pinia
不引入vitest单元测试
不引入端到端的测试工具
引入Eslint用于代码质量检测
引入perttier用于代码格式化
不引入devtools用于调试

以不引入的可以在用到时再学习。

1
2
3
cd 项目名
pnpm install
pnpm dev

pnpm学习
http://hanqichuan.com/2024/09/14/前端/pnpm学习/
作者
韩启川
发布于
2024年9月14日
许可协议