Windows WSL 与 Next.js 环境搭建
您可以在 Windows 上获得 Linux 开发体验。此配置使用了 WSL、Node.js、pnpm 和 Next.js。它既快速又专业。
请按照以下步骤构建您的开发环境。
- 安装 WSL
以管理员身份打开 PowerShell 并运行：
wsl --install
这将安装 Ubuntu。您现在可以在 Windows 内部拥有一个 Linux 环境。
- 准备 Linux 打开您的 WSL 终端并运行以下命令：
- 检查主目录：
cd ~ - 创建文件夹：
mkdir projects - 更新系统：
sudo apt update && sudo apt upgrade
通过 NVM 安装 Node.js 使用 NVM 来管理您的 Node 版本。运行：
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bashnvm install --ltsnvm use --lts配置 pnpm pnpm 比 npm 更快，且更节省磁盘空间。使用 Corepack 启用它：
corepack enable pnpm创建 Next.js 项目 运行以下命令开始一个新项目：
pnpm create next-app@latest my-project --typescript --tailwind --eslint --app
如果您看到 [ERR_PNPM_IGNORED_BUILDS] 错误，请运行：
pnpm approve-builds
然后运行：
pnpm install
- 连接 VS Code
在 VS Code 中安装 WSL 扩展。在终端中输入：
code .
VS Code 运行在 Windows 上，但会连接到您的 Linux 环境。这是最佳的工作方式。
为什么这种配置有效：
- 性能快速
- 可以使用 Linux 工具
- 更好的依赖管理
- 专业的工作流
完成工作后，运行以下命令以释放内存：
wsl --shutdown
来源：https://dev.to/anikdebnath/windows-wsl-nextjs-development-setup-zero-to-professional-environment-cl1