快速，节省的包管理神器 – pnpm

pnpm

节省磁盘空间

• 如果你用到了某依赖项的不同版本，只会将不同版本间有差异的文件添加到仓库。

• 所有文件都会存储在硬盘上的某一位置。

提高下载速度

• 依赖解析。仓库中没有的依赖都被识别并获取到仓库。

• 目录结构计算。node_modules 目录结构是根据依赖计算出来的。

• 链接依赖项。所有以前安装过的依赖项都会直接从仓库中获取并链接到 node_modules。

安装方式

1. win 上使用 PowerShell

iwr https://get.pnpm.io/install.ps1 -useb | iex

1. npm 安装

我们提供了两个 pnpm CLI 包，pnpm 和 @pnpm/exe。

• pnpm 是 pnpm 的普通版本，需要 Node.js 运行。

• @pnpm/exe 与 Node.js 一起打包成可执行文件，因此它可以在没有安装 Node.js 的系统上使用。

npm install -g pnpm

或者

npm install -g @pnpm/exe

卸载 pnpm

npm rm -g pnpm

查看版本

pnpm -v

查看镜像

pnpm config get registry

设置阿里云镜像源
pnpm config set registry https://registry.npmmirror.com/

设置环境目录

# pnpm 全局 bin 路径

pnpm config set global-bin-dir "D:Program Filesnodejspnpm.pnpm-bin-dir"
 
# pnpm 全局缓存路径
pnpm config set cache-dir "D:Program Filesnodejspnpm.pnpm-cache"
 
# pnpm 全局安装路径
pnpm config set global-dir "D:Program Filesnodejspnpm.pnpm-global"
 
# pnpm 创建 pnpm-state.json 文件的目录
pnpm config set state-dir "D:Program Filesnodejspnpm.pnpm-state"
 
# pnpm 全局仓库路径 (类似 .git 仓库)
pnpm config set store-dir "D:Program Filesnodejspnpm.pnpm-store"

配置环境变量

在系统环境变量中 Path 添加路径

D:Program Filesnodejspnpm.pnpm-bin-dir

常用命令

# 创建一个 package.json 文件
pnpm init
 
# 安装软件包及其依赖的任何软件包 (如果 workspace 有配置会优先从 workspace 安装)
pnpm add 
 
# 安装项目所有依赖
pnpm install
 
# 更新软件包的最新版本
pnpm update
 
# 移除项目依赖
pnpm remove
 
# 运行脚本
pnpm run
 
# 以一个树形结构输出所有的已安装 package 的版本及其依赖
pnpm list


pnpm add  -S    // -S  默认写入 dependencies
pnpm add  -D    // -D devDependencies
pnpm add  -g    // 全局安装

管理配置文件

全局配置文件位于以下位置之一：

如果设置了 环境变量，则为 XDG_CONFIG_HOME/pnpm/rc

 在 Windows 上：~/AppData/Local/pnpm/config/rc
在 macOS 上：~/Library/Preferences/pnpm/rc
在 Linux 上：~/.config/pnpm/rc

pnpm config

命令行
set  
设置 config 中提供的 key，和相对应的 value

get 
打印 config 中提供的 key 对应的 value

delete 
从 config 文件中删除配置过的 key。list
显示所有 config 的设置。配置项
--global, -g
在全局配置文件中设置配置项。--location
当设置为 project 时，将使用最近的 package.json 所在目录下的.npmrc 文件。当设置为 global 时，性能与设置 --global 选项相同。--json
以 JSON 格式显示所有的配置设置。

安装 vue-cli

是否安装了 vue-cli 通过命令查看

vue -V 

有则会输出类似下面的版本信息
@vue/cli 5.0.8

安装命令

pnpm install -g @vue/cli

 ERROR  The CLI has no write access to the pnpm home directory at D:Program Filesnodejspnpm.pnpm-bin-dir

修改目录权限 (D:Program Filesnodejs) 使当前用户有修改等权限

在次执行命令即可。

pnpm setup

npm 的独立安装脚本使用此命令。例如，在 https://get.pnpm.io/install.sh 中。

安装程序执行以下操作：

• 为 pnpm CLI 创建一个主目录

• 通过更新 shell 配置文件将 pnpm 主目录添加到 PATH

• 将 pnpm 可执行文件复制到 pnpm 主目录

官方文档