文章

使用 Cursor 快速上手:初学者指南

给初学者的 Cursor 使用指南。

使用 Cursor 快速上手:初学者指南

本文转自微信公众号 关键帧Keyframe,推荐您关注来获取音视频、AI 领域的最新技术和产品信息

微信公众号 微信扫码关注我们

您还可以加入知识星球 关键帧的音视频开发圈 来一起交流工作中的技术难题、职场经验

知识星球 微信扫码加入星球

这份指南帮助你在不被技术术语淹没的情况下构建 AI 驱动的应用程序。无论你是第一次探索 AI 辅助开发,还是希望加速现有工作流程,这些指南都将帮助你创造出令人惊叹的作品。让我们开始吧!

1. Cursor 简介

Cursor 是一款 AI 驱动的代码编辑器,让编码更快更智能。

  • 告诉它你想构建什么,它会帮助编写代码
  • 非常适合构建完整的网络应用(网站、仪表板等)
  • 即使是初学者也可以使用,但具备一些编码基础知识会更有帮助。

2. 设置 Cursor

入门很简单——只需下载 Cursor,在桌面上创建一个项目文件夹,然后在 Cursor 中打开你的项目文件夹。

  • Cursor 最好与 Git 仓库配合使用,以便跟踪更改。
  • 打开现有项目或从头开始。
  • 支持 Mac、Windows 和 Linux 系统。

3. 必备快捷键与命令

这些快捷键是你快速开发的秘诀

必备命令:

  • ⌘ K:你的主要 AI 助手 - 用它来编辑现有代码或创建新代码
  • Tab:智能代码补全,学习你的风格
  • ⌘ Enter:使用 @Codebase 提问你的代码
  • 在聊天中输入 @ 以显示 Cursor 特定文件(如“嘿,看看 @docs/requirements.md”)
  • 当你需要最新信息时使用 @Web(如“@Web 最新设置 xyz 的方法是什么?”)
  • 使用 @Codebase 询问你的项目代码(如“@Codebase 我们在哪里处理用户登录?”)

4. 撰写清晰、有效的提示

提示越清晰,代码越好。

  • 具体明确:详细说明你的框架、库和用户流程。
    • 示例:“我希望网页上有一个简单的按钮,点击时显示一个‘Hello!’的提示。编写实现此功能的 HTML 和 JavaScript 代码。”
  • 从简单开始:将复杂任务分解为可管理的步骤。
  • 寻求帮助:如果你在措辞上卡住了,可以向 Cursor 或 ChatGPT 寻求提示撰写建议。

5. 测试与调试 AI 生成的代码

AI 并不完美——始终要测试和验证。

  • 小测试:分段运行代码。如果 Cursor 编写了函数,立即用示例输入进行测试。
  • 阅读代码:浏览 AI 输出。让 Cursor 解释令人困惑的部分。
  • 用 AI 调试:将错误信息粘贴到 Cursor 中——“这是错误,如何修复?”——让它协助你。

6. 管理 AI 上下文与记忆

Cursor 有上下文限制(约 20k 个标记)。只提供所需信息。

  • 提供相关片段:不要在一条提示中倾泻整个代码库。通过 @ 按需引用文件。
  • 重新提供关键信息:如果聊天很长且 Cursor 似乎忘记了重要细节,再次粘贴它们。

高级主题在前

从这里开始,你会看到更深入或高级的功能。 如果你是网络开发新手,可以快速浏览这些部分。一旦你掌握了基础知识,这些内容会非常有用。

7. 版本控制与 AI 辅助提交

跟踪更改并无所畏惧地协作。

  • 经常提交:使用小而集中的提交。如果你修复了错误,单独提交,不要与新功能混在一起。
  • 描述性消息:总结更改内容和原因。你可以让 Cursor 起草提交消息。
  • AI 辅助审查:在提交前问 Cursor“我犯错了吗?”以发现潜在问题。

8. 明确的项目要求

帮助 Cursor 理解你的目标。

  1. 创建 一个要求文件夹。
  2. 添加 一个 frontend_instructions.md 文件,其中包含:
    • 项目概述
    • 功能列表
    • 技术栈或库
    • 相关文档链接
    • 当前文件结构

💡 专业提示:让 Cursor 将文件树的截图转换为 ASCII,包含在 frontend_instructions.md 中。

9. 错误解决策略

为出现问题时制定计划。

  1. 创建 一个 errors_resolutions.md 文件在要求文件夹中。
  2. 记录 确切的错误消息、你尝试的步骤以及最终解决问题的方法。
  3. 检查 论坛、分享截图,或者在卡住时向社区求助。

10. 长期项目的最佳实践

保持 AI 生成代码的可维护性,以便未来更新。

  • 在 AI 生成的代码上添加注释 以便你记住它的功能。
  • 使用有意义的函数名 以提高可读性。
  • 将大型 AI 输出 重构为较小的、可重用的组件。
  • 让 Cursor 编写文档:“为这个函数写注释。”

总结

Cursor 是你的 AI 驱动的编码伙伴,帮助你更快更智能地编写代码。提供清晰的提示,保持组织性,每一步都进行测试。不要害羞地让 Cursor 解释它生成的内容或帮助你修复错误。随着时间的推移,你会发展出自己的“AI 开发流程”。现在启动 Cursor,开始构建你的下一个大项目吧。

本文由作者按照 CC BY-NC-ND 4.0 进行授权