Cursor乱改代码,用了Rules终于听话了!

Cursor乱改代码,用了Rules终于听话了!
最新回答
-凉薄少年葬空城

2023-10-27 11:20:09

Cursor Rules是通过设定规则约束AI编程行为,使其遵循用户指定的技术栈、代码风格和项目规范,从而解决AI生成代码不符合预期的问题。以下是具体说明:

1. Cursor Rules的作用
  • 解决AI“记性差”的问题:大模型在连续对话中容易丢失上下文,导致生成的代码不符合用户要求(如用export default而非<script setup>,或忽略已封装的Pinia状态管理)。
  • 提供可重复使用的“说明书”:Rules是预先写好的规范文档,每次AI生成代码前,Cursor会优先参考这些规则,确保输出符合要求。
  • 支持两种规则类型

    用户规则(User Rules):全局生效,适察前桥用于所有项目(如统一要求AI用中文回复、设定代码风格)。

    项目规则(Project Rules):仅对当前项目生效,可针对特定技术栈定制规范(如强制使用Vue3的Composition API)。

2. 配置步骤第一步:找到Rules设置入口

依次点击 文件 → 首选项 → Cursor Settings → Rules &悔洞 Memories

第二步:配置全局规则(User Rules)
  • 用途:设定通用指令(如AI角色、语言偏好)。
  • 示例:你是一位拥有10年经验的资深全栈工程师,精通Vue、React、Node.js等多种技术栈。你的代码风格必须优雅、简洁,注释清晰易懂。在回答问题时,请保持幽默感,但不要影响专业性。
第三步:配置项目规则(Project Rules)
  • 方法1:手动创建规则文件

    开启 Include .cursorrules file,自动生成.cursor/rules文件夹。

    点击 Add Rule 新建.mdc文件,编写项目规范(如强制使用Pinia、Axios封装等)。

  • 方法2:AI自动生成规则在聊天框输入 /Generate Cursor Rules,Cursor会扫描项目结构,自动生成多个规则文件(如general.mdc、react.mdc),涵盖技术栈、文件结构等规范。

3. 进阶优化:参考社区模板
  • 资源网站
    cursor.directory/rules
    收集了全球开发者分享的优质规则模板,覆盖Java、Python、React等语言。
  • 使用方法

    根据技术栈选择模板(如Vue3)。

    复制内容到项目规则文件中,根据需求修改(如添加命名约定、强制封装Axios等)。

4. 实际效果示例
  • Vue3项目强制规范:# Vue3 开发强制规范## 强制使用 Composition API所有新组件必须使用 `<script setup>` 语法,禁止使用 Options API。## 强制使用 Pinia状态管理必须使用 Pinia,禁止使用 Vuex 或其他方案。## 强制封装 Axios所有HTTP请求必须通过 `utils/request.js` 发出,禁止直接调用 `axios`。## 命名约定- 组件文件名使用大驼峰命名法(如 `UserProfile.vue`)。- hooks函数以 `use` 开头(如 `useUserInfo.js`)。
  • 结果:配置后,Cursor生成的代码完全符合规范,减少人工修改时间。
5. 总结
  • 核心价值:通过Rules将AI从“自由发挥”转变为“精准执行”,显著提升编程效率。
  • 操作建议:优先使用AI自动生成规则,再结合社区模板细败猛化规范,最后根据项目需求调整。
  • 体验提升:用户可花费3分钟配置规则,后续节省大量修改代码的时间,实现“AI完全听你话”的丝滑体验。