---
title: '09 集成开发环境(IDE)'
video_id: MxyRjL7NG18
part: 9
---

> 章节 9 / 37 · [[00-总览|课程总览]] · 起始 [1:09:58](https://youtu.be/MxyRjL7NG18?t=4198)


## 章节主旨

讲清楚我们在哪里搭 Agentic 工作流:IDE(集成开发环境)。它是什么、由来、三大面板长什么样、为什么不必懂代码,以及三款主流工具(Anti-gravity / VS Code / Cursor)的取舍。

## 核心论点

1. **IDE 只是当下和 agent 沟通的界面,不是 agent 本身**——因为搭 agent 用的是程序员那套东西,才顺手在 IDE 里做;这层界面未来大概率会变。([[#1-ide-是什么以及它为何这么复杂-11006|→ 详解1]])
2. **IDE = 代码版的 Word**,把过去五六个分离工具合成一个,所以界面看着复杂。([[#1-ide-是什么以及它为何这么复杂-11006|→ 详解1]])
3. **近一年 IDE 都长出了 AI 能力**,写码与「用自然语言指挥 AI 写」的界线在快速模糊。([[#2-ai-正在重塑-ide-11305|→ 详解2]])
4. **一个 IDE 就三块:左文件树、中编辑器、右 agent 对话**,理解了这三块就没有魔法。([[#3-ide-的三大面板-11358|→ 详解3]])
5. **你几乎不该手动编辑文件、也不必读代码**——只下高层指令,让 agent 去实现和运行。(→ 详解4、5)
6. **三款工具按「灵活 vs 简单」取舍**:Anti-gravity 最简、VS Code 最可扩、Cursor 作者已不用。([[#6-三款主流-ide-的取舍-12515|→ 详解6]])

## 知识点详解

### 1. IDE 是什么,以及它为何这么复杂 [1:10:06](https://youtu.be/MxyRjL7NG18?t=4206)

IDE 全称 integrated development environment(集成开发环境),本质是编程用的工作空间。作者的类比:它就是「给代码用的 Microsoft Word」,你在一个地方完成写、组织、运行、管理。

要强调的是,Agentic 工作流本身不是 IDE——IDE 只是我们此刻和它沟通的界面。因为 agent 由程序员那套东西搭起来,我们就顺手在 IDE 里做;作者明说这层界面未来很可能变。

它为什么看着吓人?历史原因:早年程序员要在五六个分离工具间来回切——一个写码、一个测试、一个运行、一个托管、一个提交仓库。后来有人说「不如全塞进一个工具」,于是 IDE 诞生。它其实是二三十个工具叠在一起,所以界面才像一堆仪表盘。

作者反复安抚新手:面对满屏分区不必自卑,这跟第一次坐进驾驶舱看仪表盘一样,熟一下就好,不代表你必须是技术人。

### 2. AI 正在重塑 IDE [1:13:05](https://youtu.be/MxyRjL7NG18?t=4385)

近一年,几乎每个 IDE 都加了某种 AI 对话能力。老牌的 VS Code 是「后来内置」AI 助手;而 Google 新出的 Anti-gravity 这类新工具,直接砍掉大部分传统 UX,几乎全是「基于 AI 的 agent」交互。

关键趋势:**写代码**和**用自然语言指挥 AI 帮你写**这两件事,界线在快速模糊。这正是本课的动机之一——你不必成为程序员,也能驱动这些工具干活。

### 3. IDE 的三大面板 [1:13:58](https://youtu.be/MxyRjL7NG18?t=4438)

一个 IDE 就三块区域,理解了就没有魔法。

1. **左侧文件树(file explorer)**:和 Mac/PC 的访达/资源管理器一样,只是文件竖排。带小箭头的是文件夹,点开能展开;其余都是文件。可新建、重命名、删除、整理。在本课的 DOE 框架 里,directives 与 executions 两个文件夹就住在这里。作者的比喻:把它当成 agent 的「文件柜」。

2. **中间编辑器(editor panel)**:点开某个文件就在这里显示,可像浏览器一样开多个标签页。不同颜色是**语法高亮**——以 Markdown 为例,蓝色是标题、橙色是代码格式(反引号包起来)、白色是普通文本、绿色是注释。高亮只为看着省力,格式本身你很快能摸清。

3. **右侧 agent 对话面板(agent chat panel)**:就是你熟悉的聊天框,是你真正常驻的主界面。现代 IDE(如 Anti-gravity)几乎把别的都砍了,只留它。它开头会先读一个常驻文件(见详解4),还能展开 thinking 标签看 AI 的推理过程——既利于可解释性,也方便你在它出错时叫停、debug。

### 4. 你几乎不该手动编辑文件 [1:18:22](https://youtu.be/MxyRjL7NG18?t=4702)

编辑器里那个常驻文件叫 `agents.md`(作者示例):它会被注入到 agent 上下文最顶端,让 agent 每次运行开头都先读到。作者往里塞的是框架的高层说明,例如「你在一个三层架构里工作,LLM 是概率性的、多数业务逻辑是确定性的」——即前面章节讲的原则(概率系统 vs 确定性工作)。

作者的铁律:**如果我在手动编辑文件,说明我一定做错了什么。** 没有理由手改文件;哪怕想改某个具体文件,也只对 agent 说一句「把某文件改成这样」,让它以最高效的方式去做。

他用 CEO 隐喻收束:你像自己那家「agent 公司」的 CEO,只下高层指令,由 agent 去解读并执行。这是把「怎么做」外包给模型、自己只做编排(Agent 编排(Orchestration))的姿态。

### 5. 代码、终端与「运行脚本」是什么 [1:20:01](https://youtu.be/MxyRjL7NG18?t=4801)

作者给代码去神秘化:**脚本无非是以极其特定方式书写的文本**。一段 Python 只是「给计算机的一串指令」,和课程开头用要点描述「自动回复机器人」是一回事——它静静躺在文件里,本身什么都不做。

要让它产生作用,得「运行(run)它」,也就是让计算机去执行这些指令。传统做法是自己进**终端(terminal / 命令行)**,一字不错地敲命令,错一个字符都跑不起来——门槛高、易出错。

而现在,agent 既替你写码、也替你运行。作者演示:只说一句「给我写个函数把这个文件按字母排序,然后执行」,agent 就读文件、看结构、写脚本、立刻运行。过去他这种非专业者写出那段排序脚本可能要一整天,现在几分钟搞定。

要点姿态:把确定性的脏活(写可靠脚本、跑执行循环)交给模型,你负责「往后靠、做编排」。和 agent 说话要像对员工下任务,别像对程序员抠语法——过度追求精确反而浪费,因为模型比你快得多。

### 6. 三款主流 IDE 的取舍 [1:25:15](https://youtu.be/MxyRjL7NG18?t=5115)

新一代 IDE 会把编辑器、终端、甚至浏览器访问权都开放给 agent。三个选项,按你要「灵活 vs 简单」来挑:

1. **Anti-gravity**(Google 新出):为 Gemini 系模型设计但也支持别家,界面最干净、学习曲线最低。左边文件树、右边 agent,中间默认空着——它知道你不在乎文件长什么样,把细节都抽象掉了。作者主力推荐并会现场演示。

2. **VS Code**(微软,免费):其他平台大多以它为基。最大卖点是**可扩展性**——庞大的扩展库,如今常配 Claude Code 扩展、GitHub Copilot 等把它武装成 AI 编辑器。定位是「通用编辑器 + 装扩展」,很多人本就熟。作者也会演示。

3. **Cursor**:最早的「为 AI 而生」的编辑器之一,AI 能力深度内嵌。但作者自己已基本不用,觉得 Anti-gravity 各方面都更好,故本课不细讲。

## 术语

- IDE(integrated development environment,集成开发环境):把写/测/跑/托管/提交等多工具合一的编程工作空间。
- file explorer(文件树/文件浏览器):IDE 左侧竖排展示文件与文件夹的区域。
- editor panel(编辑器面板):IDE 中间打开、查看文件的区域,带语法高亮。
- agent chat panel(agent 对话面板):IDE 右侧与 agent 对话的主界面。
- terminal(终端/命令行):以文字命令直接和计算机交互、运行脚本的界面。
- syntax highlighting(语法高亮):按文本类型上色(标题/代码/注释等)以便阅读。
- Anti-gravity / VS Code / Cursor:三款主流 IDE。
- `agents.md`:注入 agent 上下文顶端、每次运行开头都会读的常驻指令文件。

## 自检问题

1. 作者为什么说「Agentic 工作流不是 IDE」?
   **答案**:IDE 只是当下我们和 agent 沟通的界面;因为 agent 用程序员那套东西搭建,才顺手在 IDE 里做,这层界面未来大概率会变。见详解1 [1:10:06](https://youtu.be/MxyRjL7NG18?t=4206)。
2. 一个 IDE 的三大面板分别是什么、各干什么?
   **答案**:左侧文件树(浏览/管理文件)、中间编辑器(打开查看文件,带语法高亮)、右侧 agent 对话面板(常驻主界面,和 agent 对话)。见详解3 [1:13:58](https://youtu.be/MxyRjL7NG18?t=4438)。
3. 作者的「手动编辑铁律」是什么?背后的姿态是什么?
   **答案**:如果在手动编辑文件,说明一定做错了;应只下高层指令让 agent 去改。姿态是把「怎么做」外包给模型,自己像 CEO 只做编排。见详解4 [1:18:22](https://youtu.be/MxyRjL7NG18?t=4702)。
4. 三款 IDE 各自的定位/取舍?
   **答案**:Anti-gravity 最简、学习曲线最低(作者主推);VS Code 最通用、靠扩展武装成 AI 编辑器;Cursor 是早期 AI 编辑器但作者已不用。见详解6 [1:25:15](https://youtu.be/MxyRjL7NG18?t=5115)。