Node.js 和 pnpm 环境搭建完全指南
💡 MVP开发基础: 在开始使用 AI 开发 MVP 前,你需要先搭建好基础开发环境。本指南帮助你快速、正确地安装 Node.js 和 pnpm,适用于 Windows、Mac 和 Linux 系统。
为什么选择 Node.js 和 pnpm?
- Node.js: 现代Web开发的基础,支持JavaScript运行,是大多数前端项目的必备环境
- pnpm: 比npm更高效的包管理器,节省磁盘空间,速度更快,依赖管理更可靠
一、选择适合你的安装方式
根据你的经验和需求,选择以下安装方式之一:
🔰 方式1:直接安装(初学者推荐)
适合场景:初学者,只需要特定版本,不需要频繁切换版本
操作系统 | 安装方式 |
---|---|
Windows | 官网下载安装包,选择 LTS 版本 |
macOS | 官网下载安装包,选择 LTS 版本 或使用 Homebrew: brew install node@20 |
Linux (Ubuntu/Debian) | sudo apt update && sudo apt install nodejs npm |
Linux (CentOS/RHEL) | sudo yum install nodejs npm |
🚀 方式2:使用版本管理器(专业开发推荐)
适合场景:需要管理多个项目,需要在不同Node版本间切换
操作系统 | 推荐工具 | 安装命令 |
---|---|---|
Windows | nvm-windows | 下载安装程序 |
macOS/Linux | nvm | curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash |
全平台通用 | fnm | 见下方详细说明 |
二、详细安装步骤(按操作系统)
Windows 系统安装
方法1:官网安装包(简单直接)
- 访问 Node.js 官网
- 下载 Windows 安装包(选择 LTS 版本,如 20.x)
- 运行安装程序,全部使用默认设置即可
- 安装完成后,打开命令提示符或 PowerShell,验证安装:
方法2:使用 fnm 版本管理器(推荐开发者)
- 以管理员身份打开 PowerShell
- 运行以下命令安装 fnm:
- 关闭并重新打开 PowerShell,安装 Node.js:
- 安装并启用 pnpm:
macOS 系统安装
方法1:使用 Homebrew(推荐)
- 如果尚未安装 Homebrew,先安装它:
- 安装 Node.js:
- 安装并启用 pnpm:
方法2:使用 nvm 版本管理器
- 安装 nvm:
- 重新打开终端或运行:
- 安装 Node.js:
- 安装并启用 pnpm:
Linux 系统安装
Ubuntu/Debian 系统
- 使用 nvm 安装 Node.js(推荐):
- 安装并启用 pnpm:
CentOS/RHEL 系统
- 使用 nvm 安装 Node.js:
- 安装并启用 pnpm:
三、中国区用户加速配置
📌 如果你在中国大陆,配置国内镜像源可以显著提升下载速度
设置npm国内镜像(适用于所有用户)
设置pnpm国内镜像(推荐)
设置Node.js版本管理器镜像(推荐)
nvm用户
编辑 ~/.bashrc
或 ~/.zshrc
(macOS/Linux)或创建 %USERPROFILE%\.nvmrc
(Windows),添加:
fnm用户
四、验证安装和常见问题
验证安装是否成功
安装完成后,运行以下命令确认:
常见问题解决方案
权限错误
Windows:
- 以管理员身份运行PowerShell或命令提示符
- 运行
Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
Mac/Linux:
- 使用
sudo
前缀 - 或使用 nvm/fnm 避免权限问题(推荐)
"未找到命令"错误
- 确保安装路径已添加到系统环境变量
- 重启终端或命令提示符
- Windows可能需要重启电脑
安装过慢或超时
- 使用上述中国区镜像加速
- 检查网络连接,尝试使用VPN或更换网络
- 临时禁用防火墙或杀毒软件
五、包管理器基础命令
无论你使用哪种包管理器,这些是最常用的命令:
操作 | npm | pnpm | yarn |
---|---|---|---|
安装项目依赖 | npm install | pnpm install | yarn |
安装特定包 | npm install 包名 | pnpm add 包名 | yarn add 包名 |
安装开发依赖 | npm install -D 包名 | pnpm add -D 包名 | yarn add -D 包名 |
卸载包 | npm uninstall 包名 | pnpm remove 包名 | yarn remove 包名 |
运行脚本 | npm run 脚本名 | pnpm 脚本名 | yarn 脚本名 |
全局安装 | npm i -g 包名 | pnpm add -g 包名 | yarn global add 包名 |
六、下一步学习
环境搭建完成后,你可以:
- 学习基础 - 熟悉 JavaScript基础语法
- 创建项目 - 使用代码模板快速启动新项目
- 跟随教程 - 尝试完成15分钟构建AI全栈MVP
- 实践开发 - 使用AI辅助编程技巧加快开发速度
📢 提示: 现代Web开发中,pnpm已逐渐成为主流包管理工具,建议优先使用。它不仅速度更快,还能大幅节省磁盘空间,并提供更可靠的依赖管理。