首页 前端知识 『pnpm 使用手册』

『pnpm 使用手册』

2024-05-18 18:05:56 前端知识 前端哥 885 855 我要收藏

1、概念

pnpm(performant npm,“高性能的 npm”),由 npm/yarn 衍生而来,解决了npm/yarn 内部潜在的 bug,极大的优化了性能,扩展了使用场景。因此,它被誉为“最先进的包管理工具”。


2、特点

特点:速度快、节约磁盘空间、支持单一代码库-monorepo、安全性高

pnpm 相比较于 yarn/npm 这两个常用的包管理工具在性能上也有了极大的提升,根据目前官方提供的 benchmark 数据可以看出在一些综合场景下比 npm/yarn 快了大概两倍。


3、常用命令

  • 安装 pnpm:npm i pnpm -g
  • 查看版本信息:pnpm -v
  • 升级版本:pnpm add -g pnpm to update
  • 设置源:
    • 查看源:pnpm config get registry
    • 切换淘宝源:pnpm config set registry https://registry.npmmirror.com
  • 安装项目依赖:pnpm install
  • 安装包:
    • pnpm add <packageName> [-S]
    • pnpm add <packageName> -D
    • pnpm add <packageName> -g 全局安装
  • 移除包:
    • pnpm remove <packageName>
    • pnpm remove<packageName> -g 移除全局包
  • 更新:
    • pnpm up 更新所有依赖项
    • pnpm upgrade <packageName> 更新包
    • pnpm upgrade <packageName> -g 更新全局包
  • 运行项目:pnpm run dev

4、出现类似包不能解析的问题

出现类似包不能解析的问题述

(1)解决方法1:

步骤1:在根目录创建 .npmrc 文件

shamefully-hoist = true

步骤2:删除 node_modules,再次执行 pnpm install,解决成功。

(2)解决方法2:
执行:pnpm i --shamefully-hoist


5、修改pnpm的下载包存储路径

修改下载包的存储路径:

pnpm config set store-dir <new path> 

举个例子,假设路径为 C盘 或者 C盘下的 .pnpm-store 文件夹:

pnpm config set store-dir C:/
pnpm config set store-dir C:/.pnpm-store

验证是否修改成功:

pnpm store path
转载请注明出处或者链接地址:https://www.qianduange.cn//article/8770.html
标签
评论
发布的文章

video 自定义视频播放控件

2024-05-26 01:05:25

HTML5 画布绘制海报

2024-05-26 01:05:13

HTML5学习(三)

2024-05-26 01:05:43

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!