课程来源：Datawhale Easy-Vibe 教程

一、环境认知：理解 IDE 与 AI IDE

IDE (Integrated Development Environment) 的核心价值在于集成。它将软件开发所需的各种工具（编辑器、编译器、调试器、文件管理器等）整合到一个统一的图形界面中，提供一站式的工作体验。

典型的 AI IDE 一般具备以下核心能力：

• 智能代码生成与补全：在传统 IDE 中，我们通常是输入几个字符来补全变量名或函数名；在现代 AI IDE 中，你可以写几行伪代码或者简单说明需求，让 IDE 自动补全完整的逻辑，甚至根据指令直接生成一大段甚至整块代码。
• 代码理解与问答：IDE 能够理解并回答关于某段代码、某个文件，甚至整个工程目录结构的问题。
• 代码重构与优化：IDE 可以根据你的意图，重写或优化指定代码片段的实现逻辑。
• 自动生成测试：IDE 可以自动生成针对不同函数和模块的测试代码，方便你进行有针对性的测试。
• Agent 式任务执行：智能 Agent 可以自动生成、打包、安装、运行和修改代码，在很多任务上可以部分替代初级软件工程师的工作。

常用的AI IDE有：

• Antigravity 
• Trae 
• Cursor 
• Qoder 
• CodeBuddy 
• VS Code + Cline 
• Kiro

二、工具详解：熟悉 IDE 界面

不同 AI IDE 的界面略有差异，但大部分都延续了 VS Code 的布局。

其中每个部分的具体作用为：

• Title Bar（标题栏）：显示文件名和窗口控制按钮。
• Activity Bar（活动栏）：切换文件、搜索等功能视图。
• Side Bar（侧边栏）：展示文件列表等具体内容。
• Editor Groups（编辑区）：编写代码的核心区域。
• Breadcrumbs（路径导航）：显示文件路径，支持跳转。
• Minimap（代码缩略图）：快速预览和定位代码。
• Panel（底部面板）：包含终端和输出窗口。
• Status Bar（状态栏）：显示当前环境状态。

三、沟通技巧：高效与 AI 对话

1、说清楚你的需求：从“模糊想法”到“具体说明”

要让 AI 更听得懂你的意思，需要把“脑子里的想法”拆开，用几句话一步步说清楚。可以从这几个方面来补充：

• 告诉它，你拿这个东西来干嘛

• 告诉它，大概需要哪几块内容

• 告诉它，你的水平和限制

• 告诉它，你希望怎么拿到结果

2、用对节奏：先“能跑起来”，再一点点变复杂

主动控制节奏，让 AI 跟着你一步一步来，而不是一次性把所有东西都砸给你。可以按下面这个顺序提要求：

第一步：先要一个“最小的例子”

第二步：在这个基础上，慢慢把内容加完整

第三步：结构差不多之后，再考虑好不好看

3、善用截图和复制：不会说就“把画面扔给 AI”

把你看到的东西原样丢给 AI。可以这样做：

• 复制报错文字

• 给 AI 看截图 

4、当 AI 生成的代码不工作时：一套通用应对方法

当代码“不工作”时，可以按下面这套固定流程来跟 AI 说：

• 先把“你做了什么 + 现在什么样”说清楚

• 把你现在的完整代码发给 AI

• 如果有错误提示，一并给出

• 要求对方用“小白模式”一步一步讲

• 最后，请它帮你做“应该看到什么”的对照

 四、实战：用 AI IDE 在本地制作游戏

 1、安装 Trae

国际版下载地址：https://www.trae.ai/ 中国版下载地址：https://www.trae.cn/

需要注意的是，这里不推荐使用 Auto 模式（自动选择模型），如果是国际版，推荐使用 Gemini 或者 GPT 模型， 如果是国内版，推荐尝试 Kimi k2 或 Minimax、GLM 等国内模型。

2、让 AI 用 React 设计贪吃蛇游戏

输入提示词：

请你用 React 架构实现贪吃蛇游戏，包含键盘控制、吃到食物变长加分、撞墙或撞到自己时显示“游戏结束”并支持重新开始。实现后帮我启动这个项目。如果遇到没安装的程序环境就自动安装没安装的环境。

3、挑战一个更复杂一点的飞机大战游戏

输入提示词：

请你用 React 架构实现飞机大战游戏，包含键盘控制、能够发射子弹、当击中敌人飞机则加分、当被击中时显示“游戏结束”并支持重新开始。实现后帮我启动这个项目。如果遇到没安装的程序环境就自动安装没安装的环境。

继续跟它对话：

修改：1. 不要按空格键才发射子弹，让飞机可以一直发射；2. 当敌人飞机被击中时，有爆炸效果，并消失。