Video · 3 分 43 秒

Cursor 怎么用 AI 写代码

用一条新手视频讲清 Cursor 的项目理解、代码解释、局部修改、差异检查和测试验证流程,适合第一次使用 AI 编程编辑器的用户。

Cursor 路 AI 编程 路 3 分 43 秒 路 项目理解 / 代码修改 / 差异检查

Overview

视频概览

这期视频面向第一次接触 Cursor 的用户。核心不是让 AI 一次性写完整项目,而是建立一个更稳的工作流:先让它读懂项目,再给小范围任务,最后看差异并运行检查。

看完以后,你应该能用 Cursor 解释陌生项目、定位相关文件、完成小范围代码修改,并知道哪些内容必须由自己复核。

Learn

本期你会学到什么

  • 理解 Cursor 和普通 AI 聊天工具的区别:它可以结合项目文件和当前代码上下文工作。
  • 学会第一次打开项目后,如何让 Cursor 解释文件、目录和代码关系。
  • 掌握目标 + 范围 + 要求 + 验证方式的 AI 编程提示词公式。
  • 知道生成代码后要看 diff、跑检查,不要把密钥和隐私数据贴给 AI。

Watch

视频播放区

Timeline

视频时间轴

  1. 00:00

    开场:第一次用 Cursor,先让它读懂项目,再让它动代码

  2. 00:25

    Cursor 是什么:带 AI 的代码编辑器,不只是聊天框

  3. 00:54

    第一次怎么用:打开小项目,解释当前文件和目录

  4. 01:22

    好任务公式:目标 + 范围 + 要求 + 验证方式

  5. 01:52

    动代码前:先定位文件,先给方案,不急着修改

  6. 02:22

    生成代码后:检查 diff,确认有没有动到无关逻辑

  7. 02:53

    验证与安全:跑 lint、test、build,不输入密钥

  8. 03:25

    总结:小任务、看差异、再验证

Steps

操作步骤

Step 1

Step 1. 打开一个小项目

视频里做了什么
视频先展示一个简单项目,而不是让 Cursor 直接生成完整网站。
你应该怎么操作
从你能理解的小项目开始,打开项目目录后,先选中当前文件或首页文件,让 Cursor 解释它的作用。
示例提示词
请解释当前文件的作用,并告诉我它和哪些文件有关。请用新手能听懂的方式说明,不要直接修改代码。
预期结果
你应该得到当前文件的职责、相关文件和可能的数据流说明。
注意事项
第一次练习不要选太大的项目。项目越小,越容易判断 AI 是否理解正确。

Step 2

Step 2. 先让 Cursor 定位文件

视频里做了什么
视频用“首页加按钮”的需求演示:先问需要改哪些文件,再决定是否修改。
你应该怎么操作
当你不确定应该改哪里时,先让 Cursor 给修改方案,不要立刻让它动代码。
示例提示词
我想在首页新增一个“查看教程”按钮。这个需求大概需要改哪些文件?请先给我修改方案,不要直接修改。
预期结果
Cursor 应该指出可能涉及的组件文件、样式文件和验证位置。
注意事项
先定位再修改,可以降低 AI 随意改动无关文件的概率。

Step 3

Step 3. 用公式写清楚任务

视频里做了什么
视频把任务拆成目标、范围、要求和验证方式,让 AI 的修改更可控。
你应该怎么操作
真正开始修改前,把允许修改的文件、按钮文案、样式要求和检查方式写清楚。
示例提示词
请在首页组件里新增一个按钮。
范围:只修改 app/page.js 和对应样式文件。
要求:按钮文案是“查看教程”,样式和现有按钮保持一致。
验证:修改完成后,请说明改了哪些地方,并告诉我应该怎么检查。
预期结果
Cursor 应该只围绕指定文件和指定目标进行修改,并给出变更说明。
注意事项
不要只写“帮我优化一下”。这类需求太宽,容易让 AI 改出不可控的结果。

Step 4

Step 4. 检查 diff

视频里做了什么
视频展示红绿差异面板,强调生成代码后必须看改动范围。
你应该怎么操作
检查它改了哪些文件、删了哪些代码、有没有动到无关逻辑。
示例提示词
请总结刚才的 diff:
1. 修改了哪些文件
2. 新增了什么
3. 删除了什么
4. 是否可能影响原有功能
5. 我应该重点检查哪里
预期结果
你会得到一份便于复核的修改说明,而不是只看到“已完成”。
注意事项
AI 说完成不等于真的完成。diff 是判断代码是否可接受的第一道关。

Step 5

Step 5. 运行检查并继续追问

视频里做了什么
视频用终端展示 npm run lint、npm test、npm run build 这类验证动作。
你应该怎么操作
根据项目实际情况运行 lint、test、build,或者至少打开页面手动验证关键流程。
示例提示词
这是我运行检查后的结果:
【粘贴报错或检查输出】
请先判断可能原因,再给最小修改建议。不要重写整个文件。
预期结果
如果出现报错,Cursor 应该基于错误信息给出更小范围的修复建议。
注意事项
不要把 API Key、密码、客户数据和公司内部资料直接贴进对话。敏感内容先替换成占位符。

Transcript

视频文字稿

00:00

Cursor 是什么

如果你第一次听说 Cursor,可以先把它理解成一个带 AI 助手的代码编辑器。它和普通聊天工具最大的区别是,Cursor 可以看到你的项目文件、当前代码、目录结构和修改差异。

00:25

第一次不要给大任务

新手第一次使用时,不建议一上来就说帮我做一个网站。这个任务太大,AI 很容易改得太散,也很难检查结果。更稳的做法是先打开一个小项目,让 Cursor 理解上下文。

00:54

从解释当前文件开始

你可以问:请解释这个文件的作用,并告诉我它和哪些文件有关。也可以问:请帮我找出首页标题是在哪里定义的。

01:22

提示词公式

一个好用的提问公式是:目标、文件范围、修改要求、验证方式。它会限制 AI 的修改范围,让它围绕一个小目标工作。

01:52

先定位再修改

如果你不确定文件在哪里,可以先让它定位,不要马上让它动代码。比如问:这个需求大概需要改哪些文件?先给我方案,不要直接修改。

02:22

看差异

AI 生成代码以后,一定要看差异。检查它改了哪些文件,有没有动到无关逻辑,有没有删掉原来的功能。

02:53

验证与安全

尽量跑一次检查,可以是 npm run lint、npm test、npm run build,或者至少自己打开页面验证关键流程。同时不要把 API Key、密码、客户数据直接贴进对话里。

03:25

总结

Cursor 新手入门不要追求一次性完成大项目。先让它读懂项目,再给一个小任务。修改后看 diff,跑检查,再继续追问。

Prompts

本期提示词 / 示例

解释项目文件

第一次打开项目,不知道代码结构时使用。
请解释当前文件的作用,并告诉我它和哪些文件有关。
请用新手能听懂的方式说明,不要直接修改代码。
如果你不确定,请标出不确定的部分。

适合用来判断 Cursor 是否真的理解当前上下文。

先给修改方案

知道需求,但不确定应该改哪些文件时使用。
我想完成这个需求:【写下你的需求】。
请先判断可能需要修改哪些文件,并说明原因。
暂时不要修改代码,先给我一个最小改动方案。

先拿方案,再决定是否让 AI 写代码。

小范围代码修改

让 Cursor 正式修改代码时使用。
目标:【写下要完成的目标】
范围:只允许修改【文件 1】和【文件 2】。
要求:【写下文案、样式、交互或限制】
验证:修改完成后说明 diff,并告诉我应该怎么检查。

目标和范围写得越清楚,越容易控制修改质量。

检查 diff

AI 修改完成后,用来复核改动。
请总结刚才的 diff:
1. 修改了哪些文件
2. 新增了什么
3. 删除了什么
4. 是否可能影响原有功能
5. 我应该重点检查哪里

把 AI 输出当初稿,先复核再采纳。

FAQ

常见问题

Cursor 适合完全没有编程基础的人吗?

可以辅助入门,但不建议完全依赖它。新手最好从解释代码、改文案、加简单按钮这类小任务开始,同时学习基本项目结构和验证方法。

Cursor 能不能直接帮我做完整网站?

可以辅助完成,但不建议把完整网站作为第一次任务。更稳的做法是把需求拆成页面、组件、样式、交互和测试,一步一步让它处理。

AI 改完代码以后可以直接发布吗?

不建议。至少要看 diff,运行 lint、test 或 build,并手动检查关键页面。涉及支付、登录、权限和数据安全的功能更要人工复核。

使用 Cursor 时最需要注意什么?

控制任务范围,不要贴敏感信息,不要盲信生成结果。把 Cursor 当成协作助手,而不是完全替代开发者判断的工具。

Tools

相关工具

Next

下一步学习