
上一节我们看了五大类工具。工具虽多,但它们都有一些"共同的核心能力"。
理解了这些,你换任何工具都能快速上手。就像学会了开车,换什么品牌的车都能开。

你说中文,它写代码。
这是所有 AI 编程工具最核心的能力。你不需要记住任何编程语法,只要能把想法说清楚就行。
你输入:「帮我做一个按钮,点击后显示"你好"」
AI 输出:
<button onclick="alert('你好')">点我</button>
关键心法:描述越具体,结果越好。不是"做个按钮",而是"做一个蓝色的圆角按钮,点击后弹出'你好世界'"。
AI 能"看到"你的项目,给出更精准的建议。
普通聊天机器人每次对话都是"失忆"的。但专业的 AI 编程工具能记住:
这就像请了一个助手,他不仅听你说话,还看过你的所有文档。
场景:你的项目里已经有一个 user.js 文件
你说:「在首页显示用户名」
普通 AI:可能给你一个不兼容的方案
专业工具:会读取 user.js,用你已有的变量和函数
普通聊天 AI(如网页版 ChatGPT)每次对话都是"失忆"的,你需要反复粘贴代码。
而 Cursor、Windsurf 这类工具能直接"看到"你的整个项目,理解文件之间的关系。这就是为什么我们推荐使用专业的 AI 编程工具,而不是用通用聊天 AI。
看不懂的代码,问它就行。
遇到不理解的代码?选中它,问 AI:
AI 会用你能理解的语言解释,还能帮你改写。
你选中一段代码,问:「这是什么意思?」
AI 回答:
「这段代码的作用是:
1. 获取用户输入的文字
2. 检查是否为空
3. 如果不为空,就保存到本地存储
简单说,就是"保存用户填写的内容"」
不满意?继续聊,直到满意为止。
AI 编程不是"一次成功",而是"对话式改进"。
第 1 轮:「帮我做一个计时器」
→ AI 生成了基础版本
第 2 轮:「把数字变大一点」
→ AI 调整了字体大小
第 3 轮:「加一个暂停按钮」
→ AI 添加了暂停功能
第 4 轮:「颜色换成蓝色」
→ AI 修改了配色
每一轮对话都是在上一轮的基础上改进。这就是 Vibe Coding 的核心节奏:说 → 看 → 改 → 说 → 看 → 改...
报错了?把错误信息丢给 AI,它帮你修。
这可能是最实用的能力。当你的代码出问题时:
你说:「报错了:Cannot read property 'length' of undefined」
AI 回答:
「这个错误的意思是:你在读取一个不存在的东西的长度。
可能的原因:
1. 变量还没有赋值就使用了
2. 数据还没加载完就访问了
修复方法:在使用前先检查变量是否存在。
修改后的代码:
if (myArray && myArray.length > 0) {
// 你的代码
}」
理解了这五大能力,你会发现:
| 过去(不会编程) | 现在(有 AI 帮忙) |
|---|---|
| 看不懂代码 | 让 AI 解释给你听 |
| 不会写代码 | 用中文描述,AI 来写 |
| 报错不知所措 | 复制错误,AI 帮你修 |
| 改动怕改崩 | 告诉 AI 你想改什么 |
| 功能不会加 | 对话式一步步加 |
你需要学的不是"编程语言",而是"如何清楚地表达你想要什么"。
所有 AI 编程工具都有五大共同能力:
下一节,我们来看看"你应该选哪个工具"——根据你的情况,给你具体的推荐。