Cursor Rules 实战指南—让AI按你的规矩写代码

Cursor Rules 实战指南

让AI按你的规矩写代码

你有没有遇到过这种情况?

让AI改个bug,它顺手把整个架构重构了;让它加功能,非要引入五六个陌生的库;让它写注释,结果全是英文...

🎯 什么是 Cursor Rules?

Cursor Rules,本质上就是给AI写的"员工手册"。在这个文件里,你可以定义:

类别示例
代码风格用Tab还是空格、命名规范
技术栈偏好必须用React、禁止用jQuery
工作习惯先读代码再动手、不过度设计
语言要求回复必须用中文

AI每次工作前都会先读这份手册,然后严格执行。相当于你招了个实习生,但他100%服从命令

▲ Cursor Rules 目录结构

⚡ 实战配置:三步搞定

第一步:在项目根目录创建 .cursor/rules 文件夹

第二步:新建 *.mdc 文件,写入你的规则

第三步:Cursor 自动识别,立刻生效

▲ MDC 规则文件格式示例

💡 规则示例

• 所有回复用中文
• 修改代码前先读懂上下文
• 不要过度设计,保持简单
• 使用项目现有的抽象

🚀 高级技巧:规则分层

规则类型优先级适用场景
全局规则最低所有项目通用
项目规则中等针对特定项目
文件规则最高针对特定文件类型

▲ Cursor Rules 设置界面

🧠 Memory 功能

AI 会自动记住你的纠正,下次不再犯同样的错。这套组合拳下来,AI简直比实习生还好用!

📚 获取更多规则模板

推荐访问 Cursor Directory 社区,这里有大量社区贡献的高质量规则模板:

▲ Cursor Directory 规则社区

🔗 访问地址:cursor.directory

✅ 总结

Cursor Rules,就是把你的经验、规范、偏好,变成AI的肌肉记忆。

用好它,AI就是你的超级助手

不用它,AI就是个不听话的实习生

▲ 前端规则配置示例

IT超新鲜

专注AI原理可视化科普,用动画讲清楚复杂技术!

点赞 · 关注 · 收藏 · 转发

Read more

Lottie-Web 完整技术指南:让动画开发更简单高效

📚 目录 * 一、什么是 Lottie-Web * 二、为什么选择 Lottie-Web * 三、安装与引入 * 四、基础使用 * 五、API 详解 * 六、Vue 集成实战 * 七、高级特性 * 八、性能优化 * 九、常见问题与解决方案 * 十、最佳实践 * 十一、实际应用场景 * 十二、总结 一、什么是 Lottie-Web 1.1 Lottie 简介 Lottie 是 Airbnb 开源的一个动画库,它可以将 After Effects 动画导出为 JSON 格式,然后在 Web、iOS、Android

不用部署服务器,也能给前端 / 客户演示?内网穿透实战分享

不用部署服务器,也能给前端 / 客户演示?内网穿透实战分享

在日常开发中,经常会遇到一个很现实的问题:  功能已经在本地开发完成了,但前端同事、测试、客户都看不到效果。 很多人的第一反应是: 部署一套测试服务器。 但实际情况往往是 * 服务器没准备好 * 只是临时演示 * 改动频繁,反复部署很浪费时间 后来我发现,其实根本不需要部署服务器,用内网穿透就能很优雅地解决这个问题。 一、真实场景说明 场景 1:给前端联调接口 后端服务跑在本地: http://localhost:8080 问题是: * 前端在外地 * 无法访问本地接口 * 每次改接口都要重新部署 场景 2:给客户演示功能 * 新功能刚开发完 * 客户想先看看效果 * 但还没上线正式环境 这时候再去搞服务器,明显有点“杀鸡用牛刀”。 二、传统方案为什么不太合适? 对于“临时演示 / 联调”来说,都太重了。 三、解决方案:内网穿透 内网穿透的核心思路只有一句话: 把你本地的服务,

【红黑树进阶】手撕STL源码:从零封装RB-tree实现map和set

【红黑树进阶】手撕STL源码:从零封装RB-tree实现map和set

👇点击进入作者专栏: 《算法画解》 ✅ 《linux系统编程》✅ 《C++》 ✅ 文章目录 * 一. 源码及框架分析 * 1.1 STL源码中的设计思想 * 1.2 STL源码框架分析 * 二. 模拟实现map和set(实现复用红黑树的框架) * 2.1 红黑树节点的定义 * 2.2 红黑树的基本框架 * 2.3 解决Key的比较问题:KeyOfT仿函数 * 2.4 支持insert插入 * 2.5 map和set的insert封装 * 三. 迭代器的实现 * 3.1 迭代器结构设计 * 3.2 迭代器的++操作 * 3.3 迭代器的--操作 * 3.4 RBTree中的迭代器接口 * 四. map和set对迭代器的封装 * 4.

trae整合figma的mcp实现前端代码自动生成

1.现在trae版本在3.0及以上版本。 2.trae账号是企业版。 3.打开设置,找到mcp 这里需要token,需要从figma账号里生成,网页登录figma账号,找到设置,打开后找到security,然后点击generate new token,token名称随便取,权限都钩上。然后生成一个token,把token放到mcp中即可。 4.使用mcp,切换到mcp模式,你也可以自己创建智能体使用 5.提问使用,可参考下面的提示词使用 注意:这里面的figma链接是mcp的链接,不是figma链接,一般需要你有原型的权限才能看到 我需要根据提供的Figma链接生成一个与设计稿高度一致的网页。请严格遵循以下详细要求: