首页 前端知识 pnpm使用

pnpm使用

2024-01-28 12:01:20 前端知识 前端哥 827 970 我要收藏

安装

npm install pnpm -g

安装完成后若出现pnpm : 无法加载文件 C:\Users\hp\AppData\Roaming\npm\pnpm.ps1,因为在此系统上禁止运行脚本

在系统中搜索框输入 Windos PowerShell

点击[管理员身份运行]

# 以管理员身份运行power shell
set-executionpolicy remotesigned

根据提示,输入A,回车

再次回到pnpm -v执行成功。

ps:不只是pnpm命令,包括cnpm、yarn等这些命令,如果执行时,报这样的错误,都可以通过此方法解决。
前提是,如果是用npm命令来安装这些cli命令工具,必须安装到全局环境中,才能生效。

设置源

# 查看源
pnpm config get registry
# 切换淘宝源
pnpm config set registry http://registry.npm.taobao.org

配置(非必须,使用默认即可)

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

项目配置

不确定是不是node版本才14的原因,没有设置的时候,会启动失败
这个是项目的配置,每个项目要单独放

在项目根路径添加文件.npmrc

shamefully-hoist=true

使用

# 下载包(XXX)
pnpm install XXX
pnpm i XXX
# -S  默认写入dependencies
pnpm add XXX -S
# -D devDependencies
pnpm add -D
# 全局安装
pnpm add -g
# 移除包(XXX)
pnpm remove XXX
# 移除全局包(XXX)
pnpm remove XXX --global
# 更新所有依赖项
pnpm up                
# 更新包(XXX)
pnpm upgrade XXX
# 更新全局包(XXX)
pnpm upgrade XXX --global
# 设置存储路径
pnpm config set store-dir /path/to/.pnpm-store
# 启动(和npm一样即可)
pnpm run dev

pnpm启动失败处理

  • 删除node_modules

  • 删除pnpm的lock文件

  • 添加文件 .npmrc

shamefully-hoist=true
  • 重新pnpm install

  • 重新启动pnpm run dev

安装

npm install pnpm -g

安装完成后若出现pnpm : 无法加载文件 C:\Users\hp\AppData\Roaming\npm\pnpm.ps1,因为在此系统上禁止运行脚本

在系统中搜索框输入 Windos PowerShell

点击[管理员身份运行]

# 以管理员身份运行power shell
set-executionpolicy remotesigned

根据提示,输入A,回车

再次回到pnpm -v执行成功。

ps:不只是pnpm命令,包括cnpm、yarn等这些命令,如果执行时,报这样的错误,都可以通过此方法解决。
前提是,如果是用npm命令来安装这些cli命令工具,必须安装到全局环境中,才能生效。

设置源

# 查看源
pnpm config get registry
# 切换淘宝源
pnpm config set registry http://registry.npm.taobao.org

配置(非必须,使用默认即可)

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

项目配置

不确定是不是node版本才14的原因,没有设置的时候,会启动失败
这个是项目的配置,每个项目要单独放

在项目根路径添加文件.npmrc

shamefully-hoist=true

使用

# 下载包(XXX)
pnpm install XXX
pnpm i XXX
# -S  默认写入dependencies
pnpm add XXX -S
# -D devDependencies
pnpm add -D
# 全局安装
pnpm add -g
# 移除包(XXX)
pnpm remove XXX
# 移除全局包(XXX)
pnpm remove XXX --global
# 更新所有依赖项
pnpm up                
# 更新包(XXX)
pnpm upgrade XXX
# 更新全局包(XXX)
pnpm upgrade XXX --global
# 设置存储路径
pnpm config set store-dir /path/to/.pnpm-store
# 启动(和npm一样即可)
pnpm run dev

pnpm启动失败处理

  • 删除node_modules

  • 删除pnpm的lock文件

  • 添加文件 .npmrc

shamefully-hoist=true
  • 重新pnpm install

  • 重新启动pnpm run dev

转载请注明出处或者链接地址:https://www.qianduange.cn//article/648.html
评论
会员中心 联系我 留言建议 回顶部
复制成功!