一、安装 nvm-windows
1. 下载 nvm
官方地址:https://github.com/coreybutler/nvm-windows/releases

选择对应版本就行
2. 安装 nvm
安装完成后,可以在 nvm 安装目录中找到 settings.txt。
text
root: D:\devtool\nvm\nvm
path: C:\nvm4w\nodejs
node_mirror: https://npmmirror.com/mirrors/node
npm_mirror: https://npmmirror.com/mirrors/npm
| 配置项 | 作用 |
|---|---|
root |
nvm 的安装目录,用于存放 nvm 管理的 Node.js 版本(根据安装路径修改) |
path |
Node.js 的符号链接目录,用于指向当前启用的 Node.js 版本 |
node_mirror |
Node.js 下载镜像地址 |
npm_mirror |
npm 下载镜像地址 |
3. 验证 nvm 是否安装成功
重新打开 PowerShell 或 CMD,执行:
powershell
nvm version
如果正常显示版本号,说明 nvm 已安装成功。
二、安装 Node.js
1. 查看可安装版本
powershell
nvm list available
建议优先选择适合当前项目的 LTS 版本。
Node.js 官方网站:https://nodejs.org/
2. 安装指定版本
将下面的版本号替换为实际需要的版本:
powershell
nvm install <版本号>
例如,要安装 24.22.1,可以执行:
powershell
nvm install 24.22.1
注意:示例版本仅供演示,请以实际可用版本列表为准。
3. 切换 Node.js 版本
powershell
nvm use <版本号>
例如:
powershell
nvm use 24.22.1
如果提示权限或符号链接错误,请检查终端权限和 Node.js 路径配置。
4. 验证 Node.js 是否安装成功
powershell
node -v
npm -v
如果都能正常显示版本号,说明 Node.js 和 npm 已经可以使用。
三、安装 pnpm
1. 安装 pnpm
在命令行窗口中执行:
powershell
npm install -g pnpm@latest
官方文档:https://pnpm.io/installation
2. 验证 pnpm 是否安装成功
powershell
pnpm -v
如果正常显示版本号,说明 pnpm 已安装成功。
3. 使用 pnpm 安装项目依赖
进入前端项目目录:
powershell
cd D:\projects\my-vue-app
安装项目依赖:
powershell
pnpm install
安装开发依赖,例如 TypeScript:
powershell
pnpm add -D typescript
安装普通依赖,例如 Axios:
powershell
pnpm add axios
卸载依赖:
powershell
pnpm remove axios
启动项目:
powershell
pnpm dev
注意:pnpm dev 要求项目的 package.json 中配置了对应的 dev 脚本。
四、其他常见的包管理器
除了 pnpm,前端开发中还经常会用到以下工具。
| 包管理器 | 常用命令 | 说明 |
|---|---|---|
| npm | npm install |
Node.js 通常自带,适合通用项目 |
| pnpm | pnpm install |
依赖管理高效,适合较大型前端项目 |
| Yarn | yarn install |
常见的第三方包管理器 |
| Bun | bun install |
集成运行时和包管理等功能 |
建议:一个项目尽量使用同一种包管理器,不要随意混用不同的锁文件。
五、nvm 常用命令
| 命令 | 作用 |
|---|---|
nvm version |
查看 nvm 版本 |
nvm list available |
查看可安装的 Node.js 版本 |
nvm list |
查看已安装的 Node.js 版本 |
nvm install <版本号> |
安装指定版本 |
nvm use <版本号> |
切换指定版本 |
nvm uninstall <版本号> |
卸载指定版本 |
node -v |
查看当前 Node.js 版本 |
npm -v |
查看 npm 版本 |
pnpm -v |
查看 pnpm 版本 |
六、总结
完成以上步骤后,就可以在 Windows 下使用 nvm 管理 Node.js 版本,并使用 pnpm 管理前端项目依赖。
参考资料:
- Node.js:https://nodejs.org/
- nvm-windows:https://github.com/coreybutler/nvm-windows
- pnpm:https://pnpm.io/