【Easy-Vibe】【task2】认识 AI IDE 工具

思维转变：遇到问题，先问 AI

在传统的编程学习中，如果你要安装 Python、配置 Conda、或者解决 npm 安装失败的问题，你通常会打开搜索引擎，找到一篇教程，然后按照步骤一步步操作。如果中间报错了，你可能需要再搜报错信息，反复尝试。

在 AI 时代，特别是在使用 AI IDE 时，请记住一个核心原则：任何操作，都可以先问一遍 AI，甚至让它直接帮你做。

不知道怎么安装环境？直接在侧边栏问 AI："我想写 Python，帮我检查一下有没有安装 Python，如果没有请帮我安装。"
网络卡住了？如果安装依赖包时一直转圈或报错，直接把错误丢给 AI："下载失败了，是不是网络问题？能不能帮我换个国内的镜像源？"
命令记不住？不需要死记硬背 Git 命令或 Conda 命令，直接告诉 AI："帮我创建一个新的虚拟环境，名字叫 demo。"

AI IDE 和普通 IDE 有什么不同

普通 IDE（比如原版 VS Code）本质上是一套"工具箱"：

可以打开项目、写代码、运行和调试，也能装插件，但前提是你需要自己知道要做什么、怎么做：

报错时，自己读提示、自己查哪一行有问题；
想加新页面或新接口，自己找对应文件、自己写代码；
想配置环境或打包，自己查文档、按步骤操作。

但在 AI IDE 里，你可以直接使用大语言模型帮助你进行编码和修改文件：

直接说"做一个登录页"，它先生成基础代码结构；
把报错信息和相关代码丢给它，让它先分析原因并给出修改建议；
在你确认后，让它自动新建文件、批量改代码，处理跨文件的体力活。

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

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

AI IDE 举例：

Trae
Cursor
Qoder
CodeBuddy
VS Code + Cline

实战：用 AI IDE 在本地生成贪吃蛇游戏

本地新建一个名为 snake-game-react 的目录
Trae 的模型使用 GLM-5
使用 Trae 的 SOLO 模式，输入提示词

提示词：

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

在 Trae 生成的过程中，有时候需要在右边栏确认命令执行或者跳过

最终得到的游戏截图：

向 AI 追问代码实现细节

可以对代码进行提问：

"请从上到下讲一遍，这个贪吃蛇游戏每一步是怎么动起来的？尽量少用专业术语。"

AI 会对游戏的原理进行总结：

复制代码

用户按键 → 改变方向 → 定时器每150ms触发 → 蛇头按方向移动一格 → 检查碰撞 → 画面更新
    ↑                                                              ↓
    └──────────────────── 循环继续 ←───────────────────────────────┘

让 AI 把画面变好看一点

提示词

"请帮我把游戏界面整体美化一下：

游戏区域居中显示，不要贴在左上角；换成较浅的背景色，让蛇和食物更醒目；把分数放大，放在明显的位置；

以蓝色为主色调，美化一下整体配色和按钮。"

怎么跟 AI 说话才有效

说清楚你的需求：从"模糊想法"到"具体说明"

可以从这几个方面来补充：

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

比如，不要只说"个人网站"，而是说：

"我想做一个只包含一页内容的个人简介网页，用来发给招聘的人看。"
告诉它，大概需要哪几块内容

不用说专业词，只要描述你希望页面上出现什么，比如：

"页面要有三个部分：最上面是名字和一句自我介绍，中间列出几条工作经历，最下面放邮箱和微信号。"
告诉它，你的水平和限制

让 AI 按照小白能接受的方式来做，比如：

"我完全不会写代码，请只用最简单的写法，让我可以直接复制到一个文件里，在浏览器里打开。"
告诉它，你希望怎么拿到结果

例如：

"请给我一份可以直接保存为 index.html 并在浏览器里打开的完整代码。"

用对节奏：先"能跑起来"，再一点点变复杂

第一步：先要一个"最小的例子"
第二步：在这个基础上，慢慢把内容加完整
第三步：结构差不多之后，再考虑好不好看

善用截图和复制：不会说就"把画面扔给 AI"

复制报错文字
给 AI 看截图
遇到喜欢的网页，想做个类似的
- 简单来说：你负责"把看到的东西搬给 AI"，再用最朴素的话说"我希望它变成什么样"；剩下的"翻译成代码、解释名词、找问题"，交给 AI 来做。

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

先把"你做了什么 + 现在什么样"说清楚
把你现在的完整代码发给 AI
如果有错误提示，一并给出
要求对方用"小白模式"一步一步讲
最后，请它帮你做"应该看到什么"的对照