这次不卖关子,直接从实战经验出发,总结踩坑后的12条经验,分享给大家!
项目启动阶段
1. 需求和架构先写清
-
用 Cursor 生成项目文档(功能规划 / 数据模型 / 接口设计)
-
放入
/docs/
,AI 自动引用 + 团队共识统一
2. 搭好基础框架
脚手架起步 + Cursor 补全细节
# 先用脚手架创建项目
npx create-react-app my-project
# 让Cursor优化项目配置
# 包括ESLint、Prettier、TypeScript等
让 AI 输出项目结构图,并要求后续遵守
3. 项目规则设定
全局规则:在 Settings > General > Rules 设置编码偏好
请使用TypeScript编写代码
遵循ESLint规范
优先使用函数式组件
注释使用中文
项目规则:.cursor/rules/
设定团队规范,统一风格
本项目使用React 18 + TypeScript
状态管理使用Zustand
样式使用Tailwind CSS
进阶后可以深入学习规则:
Cursor Project Rules 进阶指南:从规则到工程化思维,Project Rules 实战技巧与模板分享
编码效率提升
4. Notepads = 你的 AI 记忆库
保存常用代码、团队规范、解决方案,一键插入 + AI 理解更准确
5. 快捷键必学
-
⌘K(选中):修改代码
-
⌘K(空白):生成新代码
-
⌘I:唤起 Agent 模式
6. Git 智能协作
@Git summarize my changes
:自动生成提交信息 & PR 描述
团队协作增强
7. 集成文档更高效
-
Settings > Features > Docs 加入团队规范文档
-
不跳出 IDE 直接查资料 + AI 自动引用
8. 外部工具集成
支持 MCP 协议:数据库、Perplexity、API网关一把梭
9. 搜索能力提升
-
@web
:查询外部新技术 -
@codebase
:项目内部功能定位、理解历史代码
自动化 + 测试辅助
10. 工作流自动化
Agent 模式帮你完成组件生成、依赖安装、测试执行等重复操作
// 在Chat中输入:创建用户管理模块,包括增删改查
// Agent会自动完成:
// 1. 分析项目结构
// 2. 创建相关文件
// 3. 生成完整代码
// 4. 添加测试用例
11. 截图识 UI
上传设计稿截图,Cursor 辅助生成前端布局 & 样式(适合初稿)
12. 自动生成测试
让 AI 基于函数自动补全基础测试逻辑
提高覆盖率效率,但仍需人工审查
总结
Cursor 不只是智能写代码,更是开发提效的“外挂系统”。
-
先规划,再编码:文档、结构、规则先定好
-
高频用快捷方式:用熟 AI 才听你的话
-
建立知识资产:代码片段、规范文档、解决方案别浪费
Cursor正在重新定义开发方式。掌握它的关键不在于记住所有功能,而在于理解AI协作开发的思维模式。当你学会与AI对话、设计prompt、利用上下文时,编程会变得更有趣和高效。
如果你还没开始使用Cursor,现在就是最好的时机!