Cursor 官方发了一篇教程：如何使用 Cursor 完成架构图的生成？

学习使用 Mermaid 生成架构图，以可视化系统结构和数据流

架构图能帮助你理解系统的工作原理。你可以使用它们来探索逻辑、跟踪数据以及传达结构。Cursor 支持直接使用 Mermaid 等工具生成这些图，让你只需几个提示就能从代码到可视化。（见图一）

图表的重要性
图表可以阐明数据流和组件之间的交互。当你需要时，它们很有用：

想要理解代码库中的流程控制
需要追踪从输入到输出的数据血缘关系
正在引导他人或记录您的系统
它们也非常适用于调试和提出更聪明的问题。视觉化帮助您（和模型）看到更广阔的图景。

​
要考虑的两个维度
有几个不同的角度来思考：

目的 ：您是要绘制逻辑、数据流、基础设施，还是其他内容？
格式 ：您想要快速（如 Mermaid 图）还是正式（如 UML）的图？
​
如何提示
首先要明确目标。以下是一些常见提问方式：

流程控制 ： “向我展示请求如何从控制器到数据库。”
数据溯源 ： “跟踪这个变量从哪里进入到哪里结束。”
结构 ：“给我这个服务的组件级视图。”
你可以包含起点和终点，或者让 Cursor 找到完整路径。

​
使用 Mermaid
Mermaid 易于学习，并且可以直接在 Markdown 中渲染（使用正确的扩展）。Cursor 可以生成如下图表：

流程图用于逻辑和顺序
时序图用于交互
类图用于对象结构
graph TD 用于简单的方向性地图
（见图二）

你可以安装 Mermaid 扩展来预览图表。

1、前往扩展标签页
2、搜索 Mermaid
3、安装
（见图三）

图策略
从小处着手。不要试图一次性映射所有内容。

选择一个功能、路由或流程
让 Cursor 使用 Mermaid 绘制那部分的图表
一旦你拥有几个，就让它将它们组合起来
这反映了 C4 模型 —— 你从低级别（代码或组件）开始，逐步向上构建到更高级别的概览。

​
推荐流程
1、从一个详细的低级图表开始
2、概括成一个中级视图
3、重复此过程，直到达到你想要的抽象级别
4、让 Cursor 将它们合并成一个图表或系统地图
（见图四）

要点
使用图表来理解流程、逻辑和数据
从小的提示开始，逐步扩展你的图表
Mermaid 是在 Cursor 中最容易使用的格式
从低级抽象向上，就像在 C4 模型中一样
Cursor 可以帮助您轻松生成、完善和组合图表

原文地址：http://t.cn/A6gY2zzm
#AI创造营##程序员[超话]##AI技术派##ai编程##微博新知#