配置 Node.js + Next.js开发环境

（本篇内容为ai生成）

Windows 下配置 Node.js + Next.js 开发环境

适用目标：配置现代 Web 开发环境

---

一、安装 Node.js

1. 下载 Node.js

官网：

https://nodejs.org

推荐：

• 选择 LTS 版本
• 下载 Windows .msi 安装程序

不要选：

• Docker
• 源码
• 二进制压缩包

---

2. 安装时的选项

一路 Next 即可。

重要项保持勾选：

• Node.js runtime
• npm package manager
• Add to PATH

说明：

• npm：JavaScript 包管理器
• PATH：允许终端直接使用 node/npm 命令

---

二、PowerShell 权限问题

安装后测试：

node -v

正常会输出版本号，例如：

v24.16.0

再测试：

npm -v

如果报错：

因为在此系统上禁止运行脚本

需要解除 PowerShell 限制。

执行：

Set-ExecutionPolicy -Scope CurrentUser RemoteSigned

输入：

Y

然后重新执行：

npm -v

成功示例：

11.13.0

---

三、创建 Next.js 项目

进入代码目录：

cd E:\Program\WebProjects

创建项目：

npx create-next-app@latest projectname

推荐选择：

TypeScript → Yes
ESLint → Yes
Tailwind CSS → Yes
src/ directory → Yes
App Router → Yes
Turbopack → Yes
import alias → No

如果出现：

Would you like to use the recommended Next.js defaults?

直接选：

Yes

即可。

---

五、启动项目

进入项目目录：

cd projectname

启动开发服务器：

npm run dev

成功示例：

Local:   http://localhost:3000
Network: http://100.x.x.x:3000

浏览器打开：

http://localhost:3000

看到 Next.js 页面即成功。