cursor学习

标题关于cursor的学习

一、 先理解 Cursor 是什么

Cursor 是一种基于自然语言编程的智能代码编辑器/IDE，可以用自然语言指令让 AI 生成、修改、导航代码，而不是手写每一行。它不仅能代码补全，还能查询整个项目、批量重写、理解上下文。

别把它当成 ChatGPT 的代码助手，它更像是一个可以用语言来操作工程的编程 AI 伙伴。
然后在YouTube上找了门合适的讲解看看（为什么选择YouTube，因为我发现在很多编程的讲解，国外讲解的都很好，而且英语解释英语更没有歧义）

谷歌浏览器的"沉浸式翻译 - 网页翻译插件 | PDF翻译 | 免费"这个插件不错，免费且实时翻译整个网站

https://www.youtube.com/watch?v=ocMOZpuAMw4

❌ 不要完全相信输出

✅ 永远 Code Review（你比它懂业务）
❌ 不要只当补全工具

✅ 把它当 初级前端 + 高级搜索引擎 +

重构助手
👉 所以你的目标不是"让 Cursor 帮你写代码"

👉 而是：

让 Cursor 替你干重复、耗时、低价值的前端活

比如：

1. 批量改组件
2. 重构老代码
3. 补类型 / 补注释
4. 写样板代码
5. 快速理解别人写的屎山

二、cursor 怎么植入记忆功能

创建 .cursorrules

你是一个资深前端工程师。

【技术栈】
- React + TypeScript
- antd 5
- pnpm 管理依赖
- Node.js 18
- TypeScript 开启 strict 模式

【代码规范】
- 只使用函数组件
- 每个函数组件必须有清晰的注释说明其职责
- hooks 优先
- 禁止使用 any，如无法确定类型需给出合理的联合类型或泛型
- 组件 props 必须有明确类型
- TS 严格模式
- 统一使用 export default {} 的导出方式
- 严格遵循现有代码风格，不随意调整格式

【项目约定】
- 使用 antd Table 时，columns 必须包含 dataKey，且 dataKey === key
- 统一使用 Tab 缩进
- 不引入新的依赖，除非明确说明
- 不要替我提交代码，除非我明确要求
- 创建项目时，生成一个README.md文件，描述项目结构与核心功能
- 每次回答问题之前，先遍历目录结构，识别核心文件与子模块的组织方式

【回答方式】
- 优先在我选中的代码范围内进行修改
- 禁止无关的大范围重构
- 如需重构，必须先说明原因并征得确认
- 输出的代码必须是可直接复制粘贴使用的完整代码
- 如存在多种实现方案，请给出推荐方案并说明理由