Cursor Rules怎么配置TypeScript规范?

穿越時空

穿越時空

2026-08-02

484人浏览

原创

必须在.cursor/rules/typescript.mdc中配置yaml front matter与typescript严格规则,启用rules engine后,ai补全会强制添加显式类型标注(如as number),确保符合strict: true及泛型、接口等规范。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

cursor rules怎么配置typescript规范?

让 Cursor 的 AI 补全和生成代码严格遵循 TypeScript 项目规范,避免出现 any 类型、缺失类型标注、错误的泛型写法或违背 strict 模式的代码,必须通过配置 Rules 显式声明 TypeScript 约束,而不是依赖默认行为或口头提示。

创建规则文件结构

在项目根目录下新建 `.cursor/rules` 文件夹(注意是 rules 目录,不是 .cursorrules 单文件);【不要用已弃用的 .cursorrules 文件】

进入该目录,新建一个名为 typescript.mdc 的文件。

这个文件名不重要,但后缀必须是 .mdc,且内容必须以 YAML front matter 开头。

写入 TypeScript 全局约束规则

typescript.mdc 中粘贴以下内容:

```markdown
---
description: TypeScript 严格类型规范
globs: ["**/*.ts", "**/*.tsx"]
alwaysApply: false
---
## 类型安全强制要求
- 所有函数必须显式声明返回类型,禁止省略(包括箭头函数)
- 变量初始化时必须推导出具体类型;若无法推导,需手动标注,禁用 `any`、`object`、`Function`
- 泛型约束必须完整书写,如 `T extends Record` 不可简写为 `T extends object`
- 接口与类型别名统一使用 `type` 声明(除需要继承的接口外),命名使用 PascalCase
- `strict: true` 必须启用,所有 `tsconfig.json` 中的 strict 相关选项均视为开启状态
```

php获得文件的mime type类
php获得文件的mime type类

php获得文件的mime type类

下载

保存后,该规则只在匹配 `.ts` 和 `.tsx` 文件时自动激活,不会污染 JSON 或配置文件上下文。

启用 Rules 引擎并验证

打开 Cursor 设置 → Editor → AI → 勾选 Enable Rules Engine

重启编辑器。

打开任意 `.ts` 文件,在空行输入:const user = { name: "Alice" };,然后按下 Ctrl+K 并输入“给 user 添加 age 字段,类型为 number”,观察 AI 是否补全为 const user = { name: "Alice", age: 0 as number }; 而不是 age: 0(后者会触发类型推导为 literal type,不符合泛型/接口复用场景)。

若补全结果含 as number 或显式类型标注,则规则已生效;若仍返回无类型字段,检查 globs 是否拼写错误,或确认文件是否被 .gitignore 排除导致 Cursor 未索引。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
marquee参数有哪些
marquee参数有哪些

marquee参数有direction、behavior、speed、scrolldelay、width、height、bgcolor、cursor、id、align、noresize、nohover、loopcount、bgcolorcolor、scrollamount和vspa。

2023.10.18

578

10

Cursor新手入门教程
Cursor新手入门教程

这是一份为新手量身定制的 Cursor 入门全流程指南。无论你是刚从 VS Code 迁移过来的老手,还是编程小白,这份指南都能帮你快速上手这款“代码自动驾驶仪”。

2026.04.09

49

10

Cursor 核心功能深度解析与实战技巧
Cursor 核心功能深度解析与实战技巧

本专题深度剖析 AI 代码编辑器 Cursor 的核心功能,涵盖 Composer 模式、codebase 索引、实时代码预测(Tab)及 Chat 交互等进阶用法。通过丰富的实战案例,手把手教你如何利用 Cursor 快速构建应用、重构复杂代码及进行自动化 Debug。

2026.04.16

112

10

Cursor 针对不同开发场景的使用教程
Cursor 针对不同开发场景的使用教程

本专题深度拆解 Cursor 在前端 UI 开发、后端重构、数据爬虫及自动化测试等 10+ 核心场景下的具体用法。详解如何针对不同业务场景配置特定的 .cursorrules,让 AI 真正深入你的业务逻辑。

2026.04.16

60

10

Selenium WebDriver元素定位与页面操作教程
Selenium WebDriver元素定位与页面操作教程

本专题整理Selenium WebDriver元素定位、XPath、CSS Selector、等待机制、窗口切换、Frame处理、Alert弹窗、Cookie操作和文件上传等核心用法。

2026.08.05

0

26

Selenium Grid分布式测试与并行执行教程
Selenium Grid分布式测试与并行执行教程

本专题整理Selenium Grid架构、远程WebDriver、并行测试、Docker部署、Kubernetes动态Grid、浏览器矩阵和测试环境扩展方法,适合进阶自动化测试团队使用。

2026.08.05

0

18

Selenium常见报错排查与自动化测试稳定性
Selenium常见报错排查与自动化测试稳定性

本专题整理Selenium常见报错、驱动版本问题、元素找不到、点击失败、等待超时、浏览器闪退、脚本不稳定和测试用例维护方法。

2026.08.05

0

17

墨刀AI提示词教学
墨刀AI提示词教学

本合集由PHP中文网精心整理,为您提供全面的墨刀AI提示词教学。内容涵盖高质量原型撰写公式与实操窍门,助您轻松掌握AI设计工具。无论是零基础入门还是进阶技巧,都能让您快速上手,大幅提升产品设计与协作效率。

2026.08.04

11

21

墨刀AI完整入门
墨刀AI完整入门

PHP中文网为您倾力打造墨刀AI保姆级入门指南完整版!本合集从零基础讲起,涵盖AI生成原型、提示词优化、图片转原型及多轮对话等核心功能。无论您是新手还是进阶用户,都能轻松掌握产品设计全流程。快来PHP中文网,一键解锁高效设计技巧,让想法即刻成型!

2026.08.04

8

20

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.1万人学习

TypeScript——十天技能课堂
TypeScript——十天技能课堂

共21课时 | 1.5万人学习