使用 Cursor 进行开发的7个技巧

Posted on Updated on

Cursor是一款强大的开发工具，利用 AI 技术可以显著提高开发效率。

本文将介绍使用Cursor进行开发的实用技巧，并通过实例来说明如何充分利用这些功能。

1. 选择常见的编程语言和框架

技巧说明： 在使用 Cursor 时，选择常用的编程语言（如 JavaScript、Python）和流行的框架（如 React、Django）可以获得更好的代码生成效果。这些语言和框架有大量的训练数据，AI 模型对其理解更深。 示例：

  • 正确示范： 使用 JavaScript 和 React 开发一个前端应用。
  • 错误示范： 使用冷门的编程语言或自定义的框架，可能导致代码生成质量下降。

2. 使用 Cursor Composer 功能

技巧说明： Cursor 的 Composer 功能（快捷键：Ctrl+I 或 Cmd+I）允许同时修改多个文件，非常适合项目的初始搭建或重构为多个组件。 示例：

  • 操作步骤：

    1. 按下 Ctrl+I 打开 Composer 窗口。
    2. 输入项目描述或重构需求。
    3. 逐个审查并应用 Cursor 提供的修改。

3. 图像到代码的生成

技巧说明： Cursor 可以将 UI 设计图转换为代码，实现从图像到代码的快速生成。(这里要看对接的大模型的能力，假如是国内的deepseek，暂时还没有图像处理能力，这样在快速搭建原型的时候就会比较吃亏) 示例：

  • 操作步骤：

    1. 在 Cursor 的聊天窗口中粘贴 UI 设计的截图。
    2. 提示 AI 生成与图像匹配的代码。
    3. 应用生成的代码并查看效果。

4. 高效的迭代方法

技巧说明： 在与 AI 交互时，可以一次性提出多个修改需求，减少来回等待的时间，提高迭代效率。 示例：

  • 操作步骤：

    1. 列出所有需要的修改点。
    2. 将修改列表一次性发送给 AI。
    3. 逐一应用 AI 提供的修改，并查看效果。

5. 了解 AI 的局限性

技巧说明： 认识到 AI 模型的局限性，知道何时亲自修改代码，可以避免陷入无效的反复交流。 示例：

  • 情景描述： 当多次与 AI 交互后，界面仍未达到预期效果。
  • 解决方案： 停止与 AI 的交流，亲自调整代码，实现精细的修改。

6. 利用文档功能

技巧说明： Cursor 支持从官方文档中获取信息，帮助你更好地使用最新的 API 或框架。 示例：

  • 操作步骤：

    1. 在聊天窗口中输入 @docs，然后指定所需的文档，如 OpenAI API。
    2. 提出你的需求，AI 将参考文档提供相应的代码和建议。

7. 合理使用上下文

技巧说明： 在与 AI 交互时，提供适量的上下文信息，可以提高代码生成的准确性。 示例：

  • 操作步骤：

    1. 打开需要修改的文件，确保其作为当前上下文。
    2. 如果涉及多个文件，可以使用标记功能（如 #）指定相关文件。
    3. 避免一次性传递过多无关文件，防止 AI 混淆。

8. 附加技巧：项目仓库的组织

技巧说明： 将前端和后端代码放在同一个仓库中，有助于 AI 理解项目的全局结构，方便全栈开发。 示例：

  • 操作步骤：

    1. 在同一个仓库中组织前后端代码。
    2. 使用标记功能指定需要修改的文件，方便 AI 进行全局性修改。

总结

通过合理运用上述技巧，您可以更高效地使用 Cursor 进行开发工作。记住，AI 是辅助工具，了解其优势和局限性，才能最大程度地提升开发效率。另外现在的版本还是0.40.4，有不少的bug，作为简单的开发工具或原型搭建还是可以的，相对大型的软件开发，我建议还是用VS Code + Co-pilot，因为这个开发工具是工程师的武器，不能上了战场，发现枪出问题了。

Post Views: 4