选一个代码编辑器

Node 装好了，代码有了"发动机"。这一篇来装第二样：代码编辑器——你以后写代码、看代码、管文件的地方，是你的"工作台"。

编辑器是什么，和 Word 有什么区别

代码编辑器，说白了就是"专门用来写代码的记事本"。

你可能会想：写代码用 Word、记事本不也行？理论上可以，但实际上没人这么干，因为编辑器有三个关键能力，普通文本工具没有：

代码高亮：不同类型的代码用不同颜色显示，一眼看清结构
文件管理：左边一排文件树，整个项目一目了然，点一下就打开
内置终端：不用切换窗口，在编辑器里就能敲命令、跑项目

尤其是最后一项——内置终端，这是你接下来天天要用的东西。后面启动项目、让 Agent 干活，都在这个终端里。

两个主流选择

编辑器有很多，但对这门课的你来说，只需要在这几个里选一个：

编辑器	是什么	适合谁
Cursor	内置了 AI 的编辑器（基于 VS Code 改造）	新手首选，AI 开箱即用
ZCode	开箱即用的智能体编辑器，AI 内置	想让 AI 端到端完成任务的人
VS Code	全球最流行的免费编辑器（微软出品）	想自己搭配插件、或已习惯它的人

Cursor 和 ZCode 都是"自带 AI 的编辑器"，装上就有了"工作台 + AI 助手"，不用再单独配 AI。这是它们和 VS Code 最大的区别——VS Code 本身不带 AI，要靠自己装插件。

什么时候选 VS Code

你已经习惯用 VS Code，不想换
你想自己搭配各种插件、自己组合 AI 能力
你有特定的编辑器偏好

别纠结，先选一个用起来。 这几个编辑器都是免费的（Cursor 有免费额度），以后随时能换。这门课默认按"自带 AI 的编辑器"来讲（以 Cursor 为例），但用 ZCode 或 VS Code 完全不影响跟上——因为真正干活的 AI Agent，它们都内置或支持。

安装：和装普通软件一样

不管选哪个，安装都很简单：

打开官网下载（Cursor 官网 cursor.com，VS Code 官网 code.visualstudio.com）
双击安装包，一路"下一步"
装完打开

同样是图形界面安装，不需要敲命令。如果哪一步卡住，老办法——截图或复制提示给 Agent。

认识编辑器的三个核心区域

装好打开后，先花一分钟认识一下界面。不管是 Cursor 还是 VS Code，界面都分成三大块：

┌──────────┬─────────────────────┐
│          │                     │
│  文件树   │     编辑区           │
│ (项目文件)│   (写/看代码的地方)   │
│          │                     │
├──────────┴─────────────────────┤
│        内置终端                  │
│   (敲命令、跑项目、用 Agent)     │
└─────────────────────────────────┘

1. 文件树（左侧）

你项目里的所有文件、文件夹都在这里，点一下就打开。整个项目长什么样，看它就知道。

2. 编辑区（右侧大块）

写代码、看代码的地方。点文件树里的文件，内容就显示在这里。

3. 内置终端（底部）

这是最重要的一块。它和你电脑自带的终端是一样的，但直接嵌在编辑器里，不用来回切换窗口。

上一篇敲的 node -v，在这里敲也行
后面启动项目、让 Agent 干活，都在这里

在 Cursor / VS Code 里，可以用快捷键（Mac 是 Control + 反引号，Windows 是 Ctrl + 反引号，反引号就是键盘左上角数字 1 左边那个键）呼出/隐藏终端。记不住快捷键也没关系，菜单栏里找"终端 → 新建终端"点一下就行。

现在你可能还没有项目文件，文件树是空的、终端打开也只是一行光标——这很正常。等下一篇把 Agent 装好、下下篇建了项目，这三块区域就都"活"起来了。

本篇小结

代码编辑器 = 写代码的"专业记事本"，关键是代码高亮、文件管理、内置终端
两个主流选择：Cursor（新手首选，AI 内置）和 VS Code（自由搭配）
界面三大块：文件树（左）+ 编辑区（右）+ 内置终端（下，最重要）
安装就是图形界面一路下一步，卡住就丢给 Agent
别纠结选哪个，先用起来，以后随时能换

下一篇，我们来装最关键的第三样：把 AI Agent 装进你的项目里。装完它，你的"厨师"就到位了。