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