光标提示

大家好！

我使用 Cursor AI IDE 已经大约两个月了，每天都用它进行工作和业余编程，我觉得我可以分享一些关于它的实用技巧。

首先，如果您对光标或 Web 开发中的人工智能不太熟悉，我强烈建议您观看以下视频：

面向软件工程师的AI工具，但摒弃炒作——西蒙·威利森（Django联合创始人）倾情讲解（必看/必听）
https://www.youtube.com/watch?v=uRuLgar5XZw

通用光标用法：光标 AI 入门教程（我的编程速度提升了 159%）（2 个月前发布的。虽然不算太旧，但或许值得
找找更新的版本）
https://youtu.be/yk9lXobJ95E

结合产品需求文档 (PRD) 和文档使用：鲜为人知的最佳游标工作流……（无需观看完整视频；前 18 分钟
足以了解其核心思想）
https://www.youtube.com/watch?v=2PjmPU07KNs

高效代码审查：让 Cursor AI 审查自己的代码
https://www.youtube.com/watch?v=vOlAniUTlCY

Cursor + Playwright：如何使用 Cursor AI + Playwright 构建强大的应用程序
https://www.youtube.com/watch?v=kH4hM0H_WPg

Cursor 团队播客：Cursor 团队：人工智能编程的未来 | Lex Fridman 播客 #447
https://www.youtube.com/watch?v=oFfVt3S51T4

.cursorrules

在项目根目录中使用 .cursorrules 文件，即可自动将其内容用作所有光标提示的上下文。

它是共享的，对所有人开放，并遵循git版本控制。

引导人工智能像你一样编写代码真是太棒了。

非常适合提醒人工智能一些过时的东西（例如在 Nextjs 中对客户端文件使用“use client”）。

使用https://cursor.directory/获取一些示例用法。

作曲家

Composer 功能可帮助您同时创建和编辑多个文件，从而轻松保存、测试和验证更改。

轻松测试：无需逐个应用更改即可保存所有更改。

共同创建测试：并排开发代码和相应的测试或 Storybook 组件。

可能的用例：通过在上下文中添加所有相关文件，添加一个额外的简单/易用的 API 有效负载字段可能很有用。

传递 React 属性：轻松地将属性向下传递给相关组件。

编辑器面板有三种显示方式：展开式、浮动式和侧边栏式。我目前使用的是第三种方式。

提示：在编辑器中打开所有相关文件。在聊天或编辑器输入框中，按 / 键并选择“引用已打开的编辑器”即可将其包含在上下文中。

黄金法则：打开所有相关文件，并一次性将它们添加到上下文中。

利用 Markdown 文件获取上下文

包含 Markdown 文件作为指令，以便向 AI 提供项目背景信息。

增强理解：帮助人工智能掌握您项目的具体细节。

详细指导：提供比平时更多的信息，以便更好地提供帮助。

提示：在提示中提及这些说明文件，以便将其内容纳入其中。

请观看此视频的开头部分，以便更好地理解：https://youtu.be/2PjmPU07KNs

保持工作目录的整洁

始终保持工作目录中没有未提交的更改。

轻松回滚：轻松回滚不需要的 AI 更改。

可管理的提交：进行小而集中的提交。

链接到文档

在提示信息中添加指向库文档的链接，以指导人工智能。

最新实施方案：确保人工智能使用最新方法。

避免使用已弃用的代码：防止使用过时的实现。

提示：在提示信息中添加文档链接。

例如：“请参考库 X 文档来实现新功能。”

按 @ 键即可添加新文档。我们甚至可以与团队共享它们。

使用语音转文字工具和聊天机器人

利用 Wispr Flow 和 ChatGPT 等工具简化您的工作流程。

Wispr Flow：将语音转录为文本，以便更快地创建提示信息。

ChatGPT：无需大量输入即可生成文档。

复杂提示：提供详细的上下文信息，以便更好地生成人工智能响应。

提示：将语音转录与聊天机器人结合使用，可以高效地创建和完善提示语。

模型

所有任务都使用 claude-3.5-sonnet。有时，当任务需要更多思考时，o1-mini 会更有帮助。o1-preview 模型在 Cursor 中价格较高（每次请求 0.40 美元），但在 ChatGPT Plus 网站上使用它则更划算。

（待办事项：这是这篇博文的已发布草稿版本，我还需要改进格式并添加图片。）