Vibe Coding IDE 工具

一句话结论：新手用网页对话框（生成单文件 HTML）就够；想管多个文件、连续迭代，再上 IDE 工具。

三档工具

1. 网页对话框（豆包 / Kimi / DeepSeek 网页版）：说需求 → 得到一个 HTML 文件 → 浏览器打开即用。零安装，适合 90% 的教师场景；
2. 轻量 IDE / Agent 客户端：能读你整个文件夹、连续修改多个文件、边改边预览；
3. 专业 IDE + 编码智能体（Claude Code、Cline、Qoder 等）：面向「作品级」项目，能跑命令、装依赖、接版本管理。

新手建议的路径

第 1 周：网页对话框 + 单文件 HTML（见「消费骗局」一课的口诀）
第 2-3 周：挑一个轻量 IDE，把第一周的工具体面化
之后：有真实项目再考虑专业 IDE

待补充（需要吴老师补充讲述）

• 现场演示用的是哪款 IDE，配置要点
• 「同时利用 AI 两个长处」的具体所指（Mermaid 一课相关）
• 各工具的免费额度与推荐组合

本课为骨架内容，等补充后升级为完整教程。