pnpm使用教程

pnpm(Performant npm)是一个高性能的包管理器,旨在解决npm和yarn中的问题,提供更快的安装速度、节省磁盘空间、良好的monorepo支持以及高级安全性。下面是一个简要的pnpm使用教程:

安装 pnpm

通过 npm 安装

在已安装Node.js的环境下,打开终端或命令提示符,运行以下命令全局安装pnpm

sh 复制代码
npm install -g pnpm
使用独立脚本安装(无需Node.js)

在没有Node.js的系统上,可以使用以下命令安装:

  • Windows PowerShell :

    powershell 复制代码
    iwr https://get.pnpm.io/install.ps1 -useb | iex
  • POSIX系统(如Linux或macOS) :

    sh 复制代码
    curl -fsSL https://get.pnpm.io/install.sh | sh -
    # 或者,如果未安装curl,使用wget:
    wget -qO- https://get.pnpm.io/install.sh | sh -

基本使用

初始化项目

进入项目目录,运行以下命令初始化一个新的pnpm项目,这将创建package.json文件:

sh 复制代码
pnpm init
安装依赖

安装特定的包及其依赖:

sh 复制代码
pnpm install <package-name>

安装package.json中列出的所有依赖:

sh 复制代码
pnpm install
添加开发依赖

使用--save-dev或简写-D标志添加开发依赖:

sh 复制代码
pnpm install --save-dev <package-name>
更新依赖

更新所有依赖到最新版本:

sh 复制代码
pnpm update

更新单个包:

sh 复制代码
pnpm update <package-name>
卸载依赖

卸载单个包:

sh 复制代码
pnpm uninstall <package-name>

配置 pnpm

pnpm使用与npm相同的配置格式。你可以这样设置配置项,比如更改存储目录:

sh 复制代码
pnpm config set store-dir /path/to/.pnpm-store

使用工作区(Monorepo支持)

pnpm原生支持monorepo结构,允许在一个项目中管理多个子项目的依赖。你可以在根目录的pnpm-workspace.yaml文件中定义工作区。

其他命令

  • 查看帮助信息:pnpm help
  • 查看已安装的包列表:pnpm ls
  • 清理未使用的依赖:pnpm prune

常见问题解决

如果遇到权限问题,尝试使用管理员权限运行命令,或者调整npm的默认目录权限设置。

性能优势

pnpm通过"硬链接"(hard linking)和"软链接"(symlinking)技术,在本地创建一个"store"来存储所有依赖包,避免了重复下载和存储相同依赖的问题,从而大大节省了磁盘空间和提高了安装速度。

这就是pnpm的基本使用教程,随着实践的深入,你还可以探索更多高级特性和最佳实践。

相关推荐
懋学的前端攻城狮12 分钟前
深入浅出Vue源码 - 剖析diff算法的核心实现
前端·vue.js·前端框架
小沙盒24 分钟前
使用js把txt的url列表转换成html列表
前端·javascript·html
超浪的晨35 分钟前
JavaWeb 进阶:Vue.js 与 Spring Boot 全栈开发实战(Java 开发者视角)
java·开发语言·前端·javascript·vue.js·html·个人开发
开开心心就好1 小时前
PDF转图片工具,一键转换高清无损
服务器·前端·智能手机·r语言·pdf·excel·batch
Java手札1 小时前
安装如下依赖(package.json 未包含):vueelement-plusecharts@element-plus/icons-vue
前端·javascript·vue.js
EndingCoder1 小时前
Three.js + AI:结合 Stable Diffusion 生成纹理贴图
开发语言·前端·javascript·人工智能·stable diffusion·ecmascript·three.js
haruma sen1 小时前
VUE前端
前端
汪叽家的兔子羡1 小时前
vue模块化导入
前端·javascript·vue.js·typescript·vue3·vue2·vite
植物系青年2 小时前
300 行代码!手把手教你写一个简版 Vue3 框架 📣
前端·vue.js
秉承初心2 小时前
Vue3与ES6+的现代化开发实践(AI)
前端·vue.js·es6