第8章:Cursor高级使用技巧
掌握这些高级技巧,让Cursor成为你的专属AI编程搭档!
一 项目洞察力
1 编码前规划文档,减少AI幻觉 增加开发效率
在打开代码编辑器之前,可以准备必要的文档来有效地指导 AI 工具。这是我创建的内容:
- 项目需求文档 (PRD):定义 MVP 范围、功能和目标。
- Tech Stack 文档:列出框架、库和集成。
- App Flow 文档:映射从登录到功能交互的整个用户旅程。
- 前端指南文档:确保 UI/UX 设计的一致性。
- 后端结构文档:概述 API 路由、数据库架构和核心逻辑。
- 手动编写这些文档花费了太多时间,因此我现在使用 CodeGuide 在几分钟内生成它们。这样可以保持开发结构并防止 AI 幻觉(随机、错误代码)。
2 代码结构分析
🔍 快速了解项目架构
你:帮我分析一下这个项目的结构和技术栈
Cursor:让我为您深入分析:
1. 项目目录结构
2. 使用的框架和库
3. 核心功能模块
4. 数据流向图
3 生成程序框图
帮我画出index.html的 程序框图,要画详细版本的
+---------------------+
| 开始游戏 |
+---------------------+
|
v
+---------------------+
| 初始化游戏 |
| - 设置游戏区域 |
| - 初始化网格 |
| - 生成新方块 |
| - 设置分数为0 |
| - 设置游戏状态 |
+---------------------+
|
v
+---------------------+
| 游戏主循环 |
| +-----------------+
| | 检测用户输入 |
| | - 左移 |
| | - 右移 |
| | - 旋转 |
| | - 下移 |
| +-----------------+
| |
| v
| +-----------------+
| | 更新方块位置 |
| | - 下落 |
| | - 检查边界 |
| +-----------------+
| |
| v
| +-----------------+
| | 检查碰撞 |
| | - 与网格碰撞 |
| | - 与其他方块碰撞|
| +-----------------+
| |
| v
| +-----------------+
| | 固定方块到网格 |
| | - 更新网格状态 |
| +-----------------+
| |
| v
| +-----------------+
| | 检查消行 |
| | - 检查每一行 |
| | - 消除完整行 |
| | - 更新分数 |
| +-----------------+
| |
| v
| +-----------------+
| | 绘制游戏状态 |
| | - 绘制网格 |
| | - 绘制方块 |
| | - 显示分数 |
| +-----------------+
+---------------------+
|
v
+---------------------+
| 游戏结束 |
| - 检查顶部边界 |
| - 显示结束信息 |
| - 提供重新开始选项|
+---------------------+
二 声明开发模式
声明式开发模式,告诉cursor你要做什么,让cursor建议如何做,而不是告诉他如何做
三 小步迭代
一次只改一个地方