cursor 使用教程(09)—— Rules for AI

3,367 阅读2分钟

Rules for AI 是 cursor 对 AI 的通用规范,在设置如下位置。

image.png

在首次打开 cursor 的时候,系统让我们输入了回复语言,所以这里已经有了一条 “Always respond in 中文”。

还能设置各种自定义的内容,这里设置的全局生效的。

image.png

使用体验有点像 promote 提示词。

下面还有行 Include .cursorrules file,勾选的时候优先使用项目内 .cursorrules 文件的配置,如果是项目内和全局有有冲突,以项目内为准。

我通过以下方式验证的。

在 Rules for AI 和 .cursorrules 中分别填写 「所有文件名称都大写」和 「所有文件名称都小写」,再问 cursor 文件名是大写还是小写,再更改 .cursorrules,他的回答和 .curosrrules 一致。

image.png

.cursorrules 文件是 cursor 专属的 promote 提示词,它可以根据编程语言、项目架构、代码规范等各种条件约束,就像公司的新手 wiki,.cursorrules 是 cursor 和项目理解的桥梁。

所以请尽情的发挥想象力,你希望它怎样写,他就能怎样写。

以下是我写的纯前端科技公司官网示例。

# 科技公司前端网站项目的 Cursor 规则

# UI 和样式
- 使用 Tailwind CSS 进行响应式设计和样式。
- 采用移动优先的设计模式。

# 代码风格和结构
- 编写简洁和可维护的 JavaScript 和 HTML 代码。
- 在适用的情况下使用语义化的 HTML5 元素。
- 系统化地组织文件:components/,styles/,assets/。

# 命名约定
- 使用小写和短杠作为目录名称(例如,components/navigation-bar)。

# 版本控制
- 遵循分支命名约定:feature/<功能名称>, bugfix/<错误描述>。

# 性能优化
- 为图片和资产实现懒加载。
- 使用现代格式如 WebP 优化图片。
- 除非必要,尽量减少重型 JavaScript 库的使用。

# 无障碍访问
- 确保无障碍访问标准(a11y),使用 ARIA 角色和标签。
- 支持文本缩放和高对比度以提高可访问性。

# 安全性
- 对所有用户输入进行清理以防止 XSS 攻击。
- 确保使用 HTTPS 与任何 API 进行安全通信。

# SEO 和元标签
- 使用适当的元标签进行 SEO;为丰富的搜索结果实现结构化数据。

# 国际化(i18n)
- 必要时选择如 react-i18next 的库,支持多语言需求。

# 测试
- 为关键功能和组件编写单元测试。
- 为主要的用户工作流实现端到端测试。

更多关于 .cursorfiles 的信息,可以参考 zhuanlan.zhihu.com/p/790919582…www.ifb.me/zh/blog/zh/… ,还可以在 cursorrules.agnt.one/chat 上生成项目专属的 .cursorrules,cursor.directory/ 中是为特定语言编写专属 .cursorrules。