![[../../../assets/images/pub/rzyd.webp]]
目录
点击展开
Easy-Vibe 零基础入门03：学会 AI 编程工具
本文整理自 Datawhale Easy-Vibe 教程，系列连载第 3 篇。
一、本章导读
🎯 学习目标：本地开发环境搭建、IDE 与 AI IDE、高效开发技巧
前面我们在 z.ai 上体验了 AI 编程，但网页版有很多限制——不能随时保存、不好管理文件、也没法做复杂项目。这一章帮你把开发环境搬到自己的电脑上。
⏱️ 预计耗时：约 1 天 📦 预期产出：1 个用 Trae 自创的小游戏
二、思维转变：遇到问题，先问 AI
在 AI 时代，使用 AI IDE 时的核心原则：任何操作，都可以先问一遍 AI，甚至让它直接帮你做。
- 不知道怎么安装环境？直接在侧边栏问 AI
- 网络卡住了？直接把错误丢给 AI
- 命令记不住？不需要死记硬背，直接告诉 AI
三、什么是 IDE？AI IDE 有什么不同？
普通 IDE
IDE（集成开发环境）可以想象成”程序员的工作台”，包含：
- 源代码编辑器（语法高亮、自动补全）
- 构建与运行工具
- 调试器
AI IDE 的核心能力
- 智能代码生成与补全
- 代码理解与问答
- 代码重构与优化
- 自动生成测试
- Agent 式任务执行
主流 AI IDE 推荐：Trae、Cursor、CodeBuddy、VS Code + Cline、Kiro
四、实战：用 Trae 在本地生成贪吃蛇游戏
4.1 安装 Trae
4.2 操作步骤
- 新建空文件夹并用 AI IDE 打开
- 在侧边栏聊天，让 AI 用 React 设计贪吃蛇游戏
- 向 AI 追问代码实现细节（可选）
- 让 AI 把画面变好看一点
4.3 关键技巧
不要只对 AI 说”我要把这个画面变好看”，需要学会把模糊目标拆成一串具体、可执行的小要求。
五、怎么跟 AI 说话才有效？
5.1 说清楚你的需求
从这几个方面来补充：
- 告诉它你拿这个东西来干嘛
- 大概需要哪几块内容
- 你的水平和限制
- 你希望怎么拿到结果
5.2 用对节奏
先要一个”最小的例子”，在这个基础上慢慢把内容加完整，结构差不多之后再考虑好不好看。
5.3 当 AI 生成的代码不工作时
- 先把”你做了什么 + 现在什么样”说清楚
- 把完整代码发给 AI，错误提示一并给出
- 要求对方用”小白模式”一步一步讲
- 请它帮你做”应该看到什么”的对照
📌 系列目录：本系列共 17 篇，持续更新中。下一篇将介绍”找到好点子”。
到这里就结束了，后续还会更新 Vue 系列相关，还请持续关注！
感谢阅读，若有错误可以在下方评论区留言哦！！！
![[../../../assets/images/pub/clw.webp#pic_center)]]