Cursor新手教程:最佳实践指南

Table of Contents

帮助你构建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 tokens)。只提供必要的信息。

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

高级主题

从这里开始,你将看到更深入或高级的功能。如果你是网络开发新手,可以略读这些部分。当你熟悉了基础知识后,它们会很有用。

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

跟踪更改并无畏地协作。

  • 经常提交:使用小而集中的提交。如果你修复了一个bug,与新功能分开提交。
  • 描述性消息:总结更改的内容和原因。你可以要求Cursor起草提交消息。
  • AI辅助审查:在提交前问Cursor"我有没有犯任何错误?"来捕捉潜在问题。

8. 明确的项目需求

帮助Cursor理解你的目标。

  • 创建一个requirements文件夹。
  • 添加一个frontend_instructions.md文件,包含:
    • 项目概述
    • 功能列表
    • 技术栈或库
    • 相关文档链接
    • 当前文件结构
  • 💡 专业提示:要求Cursor将文件树的截图转换为ASCII,以包含在frontend_instructions.md中。

9. 错误解决策略

当出错时有一个计划。

  • 在requirements中创建一个errors_resolutions.md文件。
  • 记录确切的错误消息、你尝试的步骤以及最终解决方案。
  • 如果你卡住了,查看论坛、分享截图或询问社区。

10. 长期项目的最佳实践

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

  • 为AI生成的代码添加注释,以便记住它的功能。
  • 使用有意义的函数名称以提高可读性。
  • 将大型AI输出重构为更小、可重用的组件。
  • 要求Cursor提供文档:"为这个函数编写注释。"

总结

Cursor是你的AI驱动编码伙伴,帮助你更快更智能地编写代码。提供清晰的提示,保持组织,并测试每一步。不要羞于要求Cursor澄清它生成的内容或帮助你修复错误。随着时间的推移,你将开发出自己的"AI开发流程"。现在启动Cursor,开始构建你的下一个大项目吧。本的小贴士祝你好胃口!

这篇文章由Amie创建。

from: https://bensbites.com/blog/getting-started-with-cursor-a-beginners-guide