Cursor 教程：新手第一个项目的完整流程

Cursor 是什么？

Cursor 是一个「AI 优先」的代码编辑器（基于 VS Code 内核）。它不只是补全代码，而是能听懂你的话：你说要什么功能，它直接帮你改代码文件。对新手来说，这是目前最友好的干活工具。

快速入门：装好就能用

1. 去 cursor.com 下载安装（Windows / Mac 都有）
2. 注册账号，免费版就能用（有额度限制，足够入门）
3. 打开后，界面和 VS Code 几乎一样，不用慌
4. 按 Ctrl + I（Mac 是 Cmd + I）打开 AI 对话框——这是你的主战场

新手第一个项目的完整流程

第 1 步：说清楚你要什么

在对话框里用大白话描述你的项目。模板：

"帮我做一个网页版的待办清单。功能：能添加任务、能标记完成、能删除、数据存在浏览器本地。界面简洁现代，用中文。"

第 2 步：让 AI 干活

Cursor 会自动创建需要的文件（index.html、style.css、script.js），你只要点「接受」。

第 3 步：跑起来看效果

右键 index.html → 「在浏览器中打开」，或者用 Live Server 插件。看到页面在浏览器里跑起来的那一刻，你就入门了。

第 4 步：迭代加功能

继续用大白话提需求："加一个编辑功能""换一个更漂亮的配色""加上统计已完成数量"。每一步 Cursor 都会帮你改好。

高频提示词模板（直接抄）

• 改功能："把【X】改成【Y】，其他不动"
• 修样式："【X】这个区域样式不好看，帮我调成现代简洁风格"
• 解释代码："用大白话解释这段代码在干什么"
• 找问题："这个功能不生效，帮我排查原因并修复"
• 加防错："给表单加上输入校验，防止用户乱填"

报错修复方法（80% 的报错这样解决）

1. 把终端 / 浏览器里的完整报错信息复制下来（红色文字全选复制）
2. 贴给 Cursor，加上一句："帮我分析这个报错原因并修复"
3. Cursor 改完后，重新运行验证
4. 如果还报错，把新报错再贴回去，循环直到解决

新手避坑清单

• 别一次提太多需求：一次一个功能，改完验证再提下一个。
• 别让 AI 乱改已好的功能：加新功能前说"不要动已有的【X】"。
• 学会 Ctrl+Z：AI 改坏了就撤销，不丢人。
• 定期让 AI 解释：让 AI 讲讲它写的代码，你才真的在学。

免费领取资料包 →