从独立安装pnpm到安装NodeJS到构建VUE项目

最近在学习VUE,开始的时候用的npm管理包,前端同事让我用pnpm,就用npm下载的pnpm,但是环境还是什么有问题,一直解决不好。同事就让我全部卸载直接安装pnpm,再用pnpm安装NodeJS试试,至此就摸索着给项目整起来了。

【独立安装pnpm】-【pnpm安装NodeJS】-【pnpm构建VUE项目】。

pnpm官方文档:Fast, disk space efficient package manager | pnpm

1、安装pnpm

使用 PowerShell 运行独立脚本进行安装:

iwr https://get.pnpm.io/install.ps1 -useb | iex
PS C:\Windows\system32>
PS C:\Windows\system32> iwr https://get.pnpm.io/install.ps1 -useb | iex
Downloading pnpm from GitHub...

Running setup...

Copying pnpm CLI from C:\Users\Monoder\AppData\Local\Temp\4121b611-b243-41b9-bce2-4979637fde4c\pnpm.exe to C:\Users\Monoder\AppData\Local\pnpm\pnpm.exe
Next configuration changes were made:
PNPM_HOME=C:\Users\Monoder\AppData\Local\pnpm
Path=%PNPM_HOME%;C:\Users\Monoder\AppData\Local\Microsoft\WindowsApps;E:\A_Tools\System\Bandizip\;F:\A_Tools\Network\Fiddler;%IntelliJ IDEA%;E:\A_Tools\Network\bin

Setup complete. Open a new terminal to start using pnpm.

# 可以看到安装目录为
C:\Users\Monoder\AppData\Local\pnpm

2、pnpm移动到自定义目录

2.1 移动目录

直接将安装目录的里的文件移动到目标安装目录即可

安装目录:C:\Users\Monoder\AppData\Local\pnpm

目标安装目录:F:\A_Tools\VersionControl\pnpm

2.2 修改环境变量

修改用户变量:PNPM_HOME

修改系统变量:

3、pnpm路径设置

在安装目录下新建四个文件夹,用来配置pnpm的路径,配置路径有两种方法:

修改配置文件,或者PowerShell运行命令。

pnpm-global:pnpm全局安装路径

pnpm-store:pnpm全局仓库路径(类似 .git 仓库)

pnpm-state:pnpm创建pnpm-state.json文件的目录

pnpm-cache:pnpm全局缓存路径

3.1 配置文件

<think>我们正在处理一个关于在Node.js项目安装pnpm的问题。根据用户的问题,他们想在Node.js的node_modules中安装pnpm。首先,我们需要明确pnpm是一个包管理器,类似于npm,它通常被全局安装以管理项目依赖。但是,用户可能希望将pnpm作为项目的一个依赖安装,以便在项目中直接使用。 然而,需要注意的是,pnpm通常被用作替代npm和yarn的包管理器,而不是作为项目代码运行时依赖的库。因此,将其安装项目的node_modules中可能并不是一个常见的做法。但是,如果用户确实需要在项目中通过代码调用pnpm,或者确保项目成员使用特定版本的pnpm,那么可以将其作为开发依赖(devDependency)安装。 根据npm的文档,我们可以使用以下命令将pnpm安装项目的开发依赖: ```bash npm install pnpm --save-dev ``` 这将在项目的node_modules中安装pnpm,并且可以在package.json的devDependencies中看到它。 但是,请注意,安装后,我们通常不会在项目代码中直接引入pnpm作为模块(虽然pnpm提供了一些API,但主要是用于创建插件等)。如果我们想在项目npm脚本中使用特定版本的pnpm,可以这样写: ```json "scripts": { "install-deps": "pnpm install" } ``` 但是,由于pnpm安装在node_modules中,我们需要在调用时指定路径,或者通过npx来运行: ```json "scripts": { "install-deps": "npx pnpm install" } ``` 另外,用户可能遇到版本兼容性问题,如引用[2]中提到的vue和pinia版本不兼容的问题。因此,在安装时,用户需要注意pnpm的版本是否与Node.js版本兼容。可以通过查看pnpm的官方文档来确认支持的Node.js版本。 如果用户希望全局安装pnpm,则应该使用命令: ```bash npm install -g pnpm ``` 但用户明确要求安装到node_modules中,所以我们推荐使用`--save-dev`进行本地安装。 现在,我们来生成相关问题,以帮助用户更全面地理解这个主题。 §§相关问题§§ 1. 如何验证pnpm是否安装成功? 2. 如何在项目中使用本地安装pnpm命令? 3. 如何升级项目中的pnpm版本? 4. 使用pnpm作为项目依赖有什么优缺点?</think>### 在 Node.js 项目安装 pnpm pnpm 是一个高效的 Node.js 包管理器,安装到 `node_modules` 的步骤如下: 1. **初始化项目**(如未初始化) ```bash npm init -y ``` 2. **安装 pnpm 作为开发依赖** ```bash npm install pnpm --save-dev ``` 这将在 `node_modules/.bin/pnpm` 创建可执行文件 3. **在 package.json 中添加使用脚本** ```json "scripts": { "install-deps": "pnpm install", "add-pkg": "pnpm add <package-name>" } ``` 4. **通过 npm 脚本调用 pnpm** ```bash npm run install-deps # 调用本地安装pnpm ``` > **重要提示**:pnpm 需要 Node.js ≥ v14.19 或 ≥ v16.14。使用前请检查版本: > ```bash > node -v > ``` ### 常见问题解决 1. **版本冲突**(如引用[2]的兼容性问题): - 检查 `package.json` 中声明的 Node.js 版本 - 确保全局 pnpm 版本与本地安装一致: ```bash npx pnpm -v # 查看本地版本 pnpm -v # 查看全局版本 ``` 2. **安装错误**(如引用[1]的 postinstall 失败): - 清理缓存后重试: ```bash npm cache clean --force rm -rf node_modules package-lock.json npm install ``` 3. **路径问题**: - 在脚本中使用相对路径调用: ```json "scripts": { "pnpm": "./node_modules/.bin/pnpm" } ``` ### 验证安装 ```bash npx pnpm -v # 应显示本地安装pnpm 版本 ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值