1.1 先让 Hello World 跑起来——工具装配与最小项目验证
本节目标
在动手写任何业务代码之前，你需要先拥有一套能用的开发环境。本节的唯一目标是：让你在本地浏览器里看到一个 Next.js 页面。
这看似简单，却是整个全栈开发的第一个里程碑。一旦你跑通了这个最小闭环，后面所有的功能开发都只是在这个基础上"叠加"。
你需要准备的工具
| 工具类型 | 推荐选择 | 作用 |
|---|---|---|
| 代码编辑器 | Cursor / VS Code | 编写和管理代码 |
| AI 助手 | Claude / GPT-4 | 辅助编程、答疑解惑 |
| 运行时环境 | Node.js (LTS) | 运行 JavaScript/TypeScript |
| 包管理器 | pnpm | 管理项目依赖 |
学习路径
子章节导航
- 1.1.1 编辑器选择：VS Code 与 Cursor 的功能对比，帮你做出选择
- 1.1.2 AI 助手配置：让你的 IDE "长出大脑"
- 1.1.3 Next.js 初始化：用一条命令生成项目骨架
- 1.1.4 Hello World 验证：启动服务器，见证第一个页面
预计耗时
对于完全零基础的同学，完成本节全部内容大约需要 30-60 分钟。如果你已经有一定开发经验，可以跳过熟悉的部分，直接进入 1.1.3。
提示：遇到任何报错，先复制错误信息问 AI，这是 Vibe Coding 的基本功。