type
status
date
slug
summary
tags
category
icon
password
🎯 Cursor 的核心 AI 能力
Cursor 主要通过以下方式提供 AI Skills:
📋 使用场景 + 实战示例
场景 1:理解陌生代码库
🎬 实际情况
你刚加入新项目,代码看不懂
💡 使用方法
方式 1:聊天模式(Cmd + L)
方式 2:使用 Docs 功能
场景 2:快速实现新功能
🎬 实际情况
需要添加一个"发送邮件"功能
💡 使用 Composer(最佳选择)
步骤示例:
实际输出示例:
场景 3:重构老代码
🎬 实际情况
代码太乱,想重构但怕出错
💡 使用步骤
Step 1: 先理解
Step 2: 渐进式重构
Step 3: 验证
场景 4:Debug 调试
🎬 实际情况
代码报错,不知道原因
💡 多种方法
方法 1:直接选中错误代码
方法 2:终端错误分析
方法 3:日志分析
场景 5:写测试
🎬 实际情况
功能写完了,懒得写测试
💡 自动生成测试
生成的测试示例:
场景 6:文档生成
🎬 实际情况
代码写了,但没文档
💡 自动生成文档
场景 7:代码审查(Code Review)
🎬 实际情况
提交前想自查代码质量
💡 AI 审查
场景 8:学习新技术
🎬 实际情况
需要用一个没接触过的库
💡 边学边做
场景 9:性能优化
🎬 实际情况
页面加载慢,不知道优化点
💡 性能分析
场景 10:迁移/升级
🎬 实际情况
需要从 JavaScript 迁移到 TypeScript
💡 批量迁移
🏆 高级技巧
技巧 1:使用 Rules(.cursorrules 文件)
在项目根目录创建
.cursorrules 文件:效果:AI 生成代码时会自动遵守这些规则!
技巧 2:使用 @符号引用
符号 | 作用 | 示例 |
@文件名 | 引用特定文件 | @utils/helper.js 这个函数怎么用? |
@文件夹 | 引用整个目录 | @components 有哪些可复用组件? |
@整个代码库 | 引用整个项目 | @整个代码库 找出所有 TODO 注释 |
@Docs | 引用外部文档 | @Docs: React 如何使用 useCallback? |
@Web | 搜索网络信息 | @Web Next.js 14 的新特性 |
@Git | 引用 Git 历史 | @Git 最近 5 次提交改了什么? |
技巧 3:链式对话
技巧 4:使用快捷键组合拳
⚠️ 避坑指南
❌ 错误用法
✅ 正确用法
📊 能力对照表
需求 | 推荐方式 | 快捷键 |
问问题 | Chat | Cmd + L |
多文件编辑 | Composer | Cmd + I |
单行修改 | Inline Edit | Cmd + K |
自动补全 | Tab | Tab |
终端命令 | Terminal AI | Cmd + K (in terminal) |
理解代码 | Chat + @ | Cmd + L |
生成代码 | Composer | Cmd + I |
🎓 学习路径建议
第 1 周:熟悉基础
- 只用 Chat (Cmd + L) 问问题
- 学会用 @ 引用文件
第 2 周:尝试生成
- 用 Composer (Cmd + I) 写简单功能
- 用 Inline Edit (Cmd + K) 修改代码
第 3 周:进阶应用
- 创建 .cursorrules
- 添加外部文档
- 尝试复杂重构
第 4 周:形成肌肉记忆
- 快捷键秒切
- 链式对话流畅
- AI 成为编程搭档
💡 终极建议
把 AI 当成你的 Pair Programming 搭档:
- 先讨论(Chat):这个功能怎么实现?
- 再动手(Composer):帮我实现它
- 后审查(Chat):Review 一下代码
- 持续改进(Inline Edit):这里改一下
Catalog