本页可直接阅读、选中文本复制或打印。文中的复制按钮、判断练习和成果保存,请使用互动版。

中文教程 · 独立阅读版

Cursor 编辑器:定位并修复一次表单问题

提供复现步骤与必要上下文,检查 AI 是否修到了根因。

内容整理:2026-09-07 · 资料核对:2026年9月14日

进入互动版,练习并保存成果

开始前准备

准备已安装的 Cursor、一个本地项目和可复现的小问题。本课仅讲 Cursor 编辑器,Copilot 的安装和操作另有教程。

1. 在 Cursor 打开文件夹和相关文件

打开 Cursor,使用打开文件夹入口载入练习项目。在文件树中找到表单组件,先在浏览器里复现“输入空格仍能提交”的问题。

用 Ctrl+I(macOS 为 Cmd+I)打开 Agent。选中校验函数,再从添加上下文入口把这段代码提供给 AI。先用问答方式解释逻辑,需要实际编辑时再使用支持修改的模式;不要把模型选择和编辑权限混为一谈。

2. 先复现问题

记录操作顺序、实际结果和预期结果。遇到报错时保留相关错误文本,并移除密钥等敏感内容。

例如“输入空格后点击保存,表单仍然提交”,比“表单坏了”更容易帮助 AI 定位。

3. 提供相关代码,不堆满整个项目

在编辑器里选择触发问题的文件或函数,让 AI 解释相关校验逻辑。根据需要补充调用方、数据结构和错误日志。

任务提示词
问题:表单只输入空格仍可提交。
预期:去掉首尾空白后为空时,应提示填写内容。
请先解释相关校验和提交逻辑,再给出最小修复。
保留其他表单行为,说明需要检查哪些边界情况。

4. 检查修改有没有绕过问题

阅读差异,确认修改针对根因,而不是屏蔽错误或跳过校验。检查空字符串、纯空格、正常输入和过长输入的行为。

实际在页面中输入并提交,观察结果。只有代码看起来正确,还不能证明浏览器交互已经正常。

练习与核对

按实际操作自查,完成标记与成果草稿请在互动版保存。

打开练习与核对

带走这一点

你提供可复现的问题,也负责确认修改真的解决了它。

资料与核对记录

关键步骤有官方依据

已确认打开项目、Ctrl+I/Cmd+I 打开 Agent 与查看改动的流程。

本次核对公开官方资料,未登录产品账号、运行练习或发起付费调用。

步骤对不上?在互动版生成问题记录