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

javascript 复制代码
你是一个资深前端工程师。

【技术栈】
- 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文件,描述项目结构与核心功能
- 每次回答问题之前,先遍历目录结构,识别核心文件与子模块的组织方式

【回答方式】
- 优先在我选中的代码范围内进行修改
- 禁止无关的大范围重构
- 如需重构,必须先说明原因并征得确认
- 输出的代码必须是可直接复制粘贴使用的完整代码
- 如存在多种实现方案,请给出推荐方案并说明理由
相关推荐
盐焗西兰花2 小时前
鸿蒙学习实战之路-Reader Kit修改翻页方式字体大小及行间距最佳实践
学习·华为·harmonyos
QiZhang | UESTC2 小时前
学习日记day76
学习
久邦科技2 小时前
20个免费电子书下载网站,实现电子书自由(2025持续更新)
学习
Gain_chance2 小时前
34-学习笔记尚硅谷数仓搭建-DWS层最近一日汇总表建表语句汇总
数据仓库·hive·笔记·学习·datagrip
Gain_chance4 小时前
36-学习笔记尚硅谷数仓搭建-DWS层数据装载脚本
大数据·数据仓库·笔记·学习
XH华4 小时前
备战蓝桥杯,第九章:结构体和类
学习·蓝桥杯
Gain_chance4 小时前
35-学习笔记尚硅谷数仓搭建-DWS层最近n日汇总表及历史至今汇总表建表语句
数据库·数据仓库·hive·笔记·学习
Ziky学习记录6 小时前
从零到实战:React Router 学习与总结
前端·学习·react.js
sensen_kiss6 小时前
INT303 Coursework1 爬取影视网站数据(如何爬虫网站数据)
爬虫·python·学习
red_redemption7 小时前
自由学习记录(116)
学习