佳木斯市网站建设_网站建设公司_前端工程师_seo优化

标题关于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-antd5-pnpm 管理依赖-Node.js18-TypeScript 开启 strict 模式 【代码规范】-只使用函数组件-每个函数组件必须有清晰的注释说明其职责-hooks 优先-禁止使用 any，如无法确定类型需给出合理的联合类型或泛型-组件 props 必须有明确类型-TS严格模式-统一使用exportdefault{}的导出方式-严格遵循现有代码风格，不随意调整格式 【项目约定】-使用 antd Table 时，columns 必须包含 dataKey，且 dataKey===key-统一使用 Tab 缩进-不引入新的依赖，除非明确说明-不要替我提交代码，除非我明确要求-创建项目时，生成一个README.md文件，描述项目结构与核心功能-每次回答问题之前，先遍历目录结构，识别核心文件与子模块的组织方式 【回答方式】-优先在我选中的代码范围内进行修改-禁止无关的大范围重构-如需重构，必须先说明原因并征得确认-输出的代码必须是可直接复制粘贴使用的完整代码-如存在多种实现方案，请给出推荐方案并说明理由