Cursor从入门到精通实战指南(五):一键生成流程图/架构图,开发者必备收藏!

article/2025/7/5 5:01:28

解锁Cursor:开启高效开发新境界

结合了GPT-4、Claude 3.5等强大的大语言模型,能够通过自然语言交互实现代码生成、原型设计、流程优化等功能。无论是编程新手还是经验丰富的开发者,都能借助Cursor的智能特性,快速完成复杂的编码任务,显著提升开发效率。

解锁Cursor:开启高效开发新境界

一、Cursor常见指令实战

(一)画原型图

1. 准备工作

2. 编写提示词

3. 生成原型图

(二)生成流程图

1. 启动对话

2. 输入提示词

3. 生成流程图

(三)生成架构图

1. 触发指令

2. 编写提示词

3. 生成架构图

(四)生成想要的代码

1. 描述需求

2. 触发生成

3. 调整输出

二、总结


一、Cursor常见指令实战

(一)画原型图

在产品开发的初期,原型图的设计至关重要。它能够帮助团队成员快速理解产品的功能和架构,明确开发方向。使用Cursor画原型图,只需通过自然语言描述需求,即可快速生成相应的原型界面。

详情可参阅我的其他文章:

Cursor从入门到精通实战指南(二):Cursor+Claude3.7快速生成零工市场APP原型_cursor claude-CSDN博客

1. 准备工作

首先,你需要在Cursor中创建一个新项目,并选择合适的模型,如Claude 3.7 Sonnet。同时,编写清晰的提示词,明确产品的功能需求、页面布局和设计风格等。

2. 编写提示词

提示词应遵循一定的结构,让Cursor充当产品经理、UI设计师和前端工程师的角色。例如,以开发一个旅行App为例,提示词可以这样写:

我想开发一个旅行app要输出原型图,请通过以下方式帮我完成app所有原型页面的设计。 1、作为产品经理先设计出这个app实现哪些功能 2、作为UI设计师完成这些原型界面的设计 3、使用html在一个界面上生成所有的原型界面,使用Tailwind CSS创建高保真UI原型,可从Unsplash获取图片素材,使用FontAwesome等开源图标库,让原型显得更精美和接近真实 4、我希望这些界面可直接用于项目开发
3. 生成原型图

在Cursor中选择Agent模式,输入提示词并点击执行,Cursor会根据提示词生成相应的代码和原型界面。如果生成的原型需要修改或优化,可将生成的html文件导入Figma等设计工具进行编辑。

Cursor画原型图

(二)生成流程图

流程图是一种直观展示业务流程或算法逻辑的图形工具。使用Cursor生成流程图,能够快速将复杂的流程可视化,便于理解和沟通。

1. 启动对话

在Cursor编辑器中按Cmd/Ctrl + L打开命令面板,输入/开始与AI对话。

2. 输入提示词

使用特定的提示词模板,描述流程图的具体内容和要求。例如,生成一个订单处理流程图的提示词如下:

请帮我创建一个订单处理流程图,包含: - 开始:用户下单 - 处理:库存检查、支付处理 - 结束:订单确认或失败 要求: 1. 使用PlantUML活动图 2. 添加条件分支 3. 使用清晰的布局 4. 添加状态说明
3. 生成流程图

输入提示词后,Cursor会根据要求生成相应的PlantUML代码。将生成的代码复制到PlantUML工具中,即可生成可视化的流程图。

Cursor生成流程图

(三)生成架构图

架构图是系统设计的重要文档,它能够展示系统的整体结构、组件关系和层次划分。使用Cursor生成架构图,可以快速将系统的设计思路转化为可视化的图形,提高沟通效率。

1. 触发指令

同样在Cursor编辑器中按Cmd/Ctrl + L打开命令面板,输入/开始与AI对话。

2. 编写提示词

提供详细的系统组件信息和架构要求,例如:

我需要绘制一个基于RBAC(基于角色的访问控制)的认证鉴权模型概念图,使用PlantUML的类图语法,要求布局清晰、层次分明。 系统包含以下核心实体: 1. 用户(User):包含用户ID、用户名、密码(加密存储)、邮箱、手机号、状态(启用/禁用)、创建时间 2. 角色(Role):包含角色ID、角色名称、角色描述、创建时间 3. 权限(Permission):包含权限ID、权限代码、权限名称、资源类型、资源路径、操作类型(如GET、POST等) 4. 用户组(UserGroup):包含组ID、组名称、组描述 5. 租户(Tenant):包含租户ID、租户名称、租户状态 实体间关系: - 用户与角色是多对多关系,使用实体 UserRole - 角色与权限是多对多关系,使用实体 UserPermission - 用户与用户组是多对多关系,使用实体 UserGroupUser - 用户组与角色是多对多关系,使用使用 UserGroupRole - 用户、角色、权限、用户组都属于某个租户(多租户系统) 输出要求: 1. 严格遵循单向关系原则:每对实体间只使用一个方向的关系箭头,避免双向关系造成的混乱,同时避免实体间关系的重复 - `--` 基本关联关系 - `<--` 或 `-->` 带方向的关联 - `--o` 或 `o--` 聚合关系(空心菱形) - `--*` 或 `*--` 组合关系(实心菱形) - `--|>` 继承关系 - `..|>` 实现关系 2. 明确标注实体间的数量关系(如:`"1" -- "n"`,`"0..1" -- "*"`,`"1" -- "0..*"` ) 3. 使用简洁的自定义颜色方案(使用!define和skinparam),实体使用蓝色#3498DB、边框使用黑色#2C3E50、关系连线使用红色#E74C3C 4. 保证 PlanUML代码简洁,可阅读性好
3. 生成架构图

Cursor会根据提示词生成PlantUML代码,将代码复制到PlantUML工具中,即可生成精美的架构图。

Cursor生成架构图

(四)生成想要的代码

代码生成是Cursor的核心功能之一。通过自然语言描述功能需求,Cursor能够快速生成相应的代码,支持多种编程语言和框架。

1. 描述需求

使用自然语言清晰地描述功能需求,可以在代码中以注释形式编写,也可以通过快捷键Ctrl+K(Win/Linux)或Cmd+K(Mac)触发。例如:

# 生成一个Python函数,接收URL列表,使用多线程下载所有文件并保存到downloads目录
2. 触发生成

按下Ctrl+KCmd+K,输入需求描述,Cursor会根据上下文和需求生成代码。

3. 调整输出

如果生成的代码不符合要求,可以通过追加提示词进行修正,如“添加异常处理”“改用异步IO”等,也可以使用Alt+↑/↓快速切换备选方案。

以下是一个生成Python排序函数的示例:

# 需求:创建一个排序函数,参数是整数数组 # 触发生成后,Cursor可能生成的代码如下  def sort_array(arr):  return sorted(arr)

Cursor生成代码

二、总结

无论是画原型图、生成流程图、架构图还是代码,Cursor都能轻松应对,帮助开发者快速将想法转化为现实。在实际开发中,建议大家多尝试不同的指令和技巧,结合自己的项目需求,充分发挥Cursor的优势,让编程变得更加轻松愉快。

希望本文的介绍能够帮助你更好地掌握Cursor的常见指令,开启高效开发的新篇章!


http://www.hkcw.cn/article/RGUCeRBpLu.shtml

相关文章

postman工具使用

基本功能操作 常用断言 定义&#xff1a;postman 断言借助 JavaScript - js 语言编写代码&#xff0c;自动判断预期结果与实际结果是否一致。&#xff08; 注意断言 代码写在 Tests 的标签中&#xff09; 断言响应状态码 断言响应体是否包含某个字符串&#xff08;Response bo…

【Elasticsearch】Elasticsearch 核心技术(一):索引

Elasticsearch 核心技术&#xff08;一&#xff09;&#xff1a;索引 1.索引的定义2.索引的命名规范3.索引的增、删、改、查3.1 创建索引3.1.1 创建空索引 3.2 删除索引3.3 文档操作3.3.1 添加/更新文档&#xff08;指定ID&#xff09;3.3.2 添加文档&#xff08;自动生成ID&am…

玩客云 OEC/OECT 笔记(2) 运行RKNN程序

目录 玩客云 OEC/OECT 笔记(1) 拆机刷入Armbian固件玩客云 OEC/OECT 笔记(2) 运行RKNN程序 RKNN OEC/OEC-Turbo 使用的芯片是 RK3566/RK3568, 这个系列是内建神经网络处理器 NPU 的, 利用 RKNN 可以部署运行 AI 模型利用 NPU 硬件加速模型推理. 要使用 NPU, 首先需要在电脑使…

【音视频】FFmpeg 硬件(NVDIA)编码H264

FFmpeg 与x264的关系 ffmpeg软编码是使⽤x264开源项⽬&#xff0c;也就是说ffmpeg软编码H264最终是调⽤了x264开源项⽬&#xff0c;所以我们要先理解ffmpeg和x264的调⽤关系&#xff0c;这⾥我们主要关注x264_init。对于x264的参数都在 ffmpeg\libavcodec \libx264.c x264\co…

深度学习和神经网络 卷积神经网络CNN

1.什么是卷积神经网络 一种前馈神经网络&#xff1b;受生物学感受野的机制提出专门处理网格结构数据的深度学习模型 核心特点&#xff1a;通过卷积操作自动提取空间局部特征&#xff08;如纹理、边缘&#xff09;&#xff0c;显著降低参数量 2.CNN的三个结构特征 局部连接&a…

论文略读:LIMO: Less is More for Reasoning

202502 arxiv 在数学推理领域&#xff0c;论文提出的LIMO仅用 817 条精心设计的训练样本&#xff0c;借助简单的监督微调&#xff0c;就全面超越了使用十万量级数据训练的主流模型 最近的大模型在预训练阶段已纳入海量数学知识&#xff08;比如Llama 3 仅在数学推理上的训练数…

web架构3------(nginx的return跳转,gzip压缩,目录浏览,访问控制和location符号优先级)

一.前言 本期继续来介绍nginx的各项配置&#xff0c;看着内容很多&#xff0c;但是主要还是介绍&#xff0c;内容还是很少的。 二.return和rewrite跳转 在我们配置ssl证书之后&#xff0c;如果把https的s去掉&#xff0c;就相当于去访问80端口了&#xff0c;https默认找的是…

大楼智能化建设设计方案(Word)

第一章 智能化设计 4 1.1 项目概况 4 1.2 设计原则 4 1.3 设计依据 6 1.4 项目总体规划 7 1.5 综合布线系统 8 1.5.1 综合布线系统 8 1.5.2 楼宇分机房系统 20 1.5.3 有线电视网 27 1.6 建筑智能化系统 37 1.6.1 周界防范系统 37 1.6.2 电子巡更系统 38 1.6.3…

Spring AI 之检索增强生成(Retrieval Augmented Generation)

检索增强生成&#xff08;RAG&#xff09;是一种技术&#xff0c;有助于克服大型语言模型在处理长篇内容、事实准确性和上下文感知方面的局限性。 Spring AI 通过提供模块化架构来支持 RAG&#xff0c;该架构允许自行构建自定义的 RAG 流程&#xff0c;或者使用 Advisor API 提…

【C++/Linux】TinyWebServer前置知识之IP协议详解

目录 IPv4地址 分类 IP数据报分片 IP 协议在传输数据报时&#xff0c;将数据报分为若干分片&#xff08;小数据报&#xff09;后进行传输&#xff0c;并在目的系统中进行重组&#xff0c;这一过程称为分片&#xff08;Fragmentation&#xff09;。 IP模块工作流程​编辑 I…

破局软件开发困境:一套‘一模到底‘的功能模型,如何撬动软件工程全数字化管控?

软件工程如同一场复杂的交响乐&#xff0c;功能模型是乐谱的主旋律&#xff0c;而需求、设计、开发、测试、运维、用户反馈、Bug、版本、状态等则是丰富的配器和节奏。传统模式下&#xff0c;这些元素常常各自为营&#xff0c;声部混乱&#xff0c;难以奏出和谐的乐章。如何才能…

RAG入门 - Retriever(1)

文章目录 环境准备知识库加载1. Retriever - embeddings &#x1f5c2;️1.1 将文档拆分为chunks1.2 词嵌入1.3 构建向量数据库Nearest Neighbor search algorithm &#xff08;最近邻搜索算法&#xff09;Distances &#xff08;距离&#xff09;点积&#xff08;Dot Product&…

Pyomo中线性规划接口的使用

之前在 Pyomo介绍-CSDN博客 中以饮食为例介绍过Pyomo的使用&#xff0c;执行以下命令&#xff1a; pyomo solve --solverglpk test_pyomo_linear_programming.py ../test_data/diet.dat 直接执行以上命令&#xff0c;不便之处有以下几点&#xff1a; (1).不能直接解析python文…

打开一个新的Maven工程要做的事情

新导入项目变成maven 1、检查环境配置 2.看有没有maven 3.在idea中配置maven 4、让配置文件添加到maven项目中 变成这样基本就成功了 调出service界面 可以同时选中启动多个项目 这里可以同时关闭多个项目

GNURadio实现MIMO OFDM文件传输

文章目录 前言一、理论基础二、使用方法1、打开虚拟机2、输入密码3、运行 grc 文件4、运行 三、流图及运行结果1、MIMO_simulation.grc2、MIMO_tx.grc3、MIMO_rx.grc 四、资源自取 前言 使用 GNU Radio Companion 驱动 USRP N320 实现 MIMO OFDM 收发测试。&#xff08;Ubuntu…

达梦数据库 Windows 系统安装教程

&#x1f9d1; 博主简介&#xff1a;CSDN博客专家、CSDN平台优质创作者&#xff0c;高级开发工程师&#xff0c;数学专业&#xff0c;10年以上C/C, C#, Java等多种编程语言开发经验&#xff0c;拥有高级工程师证书&#xff1b;擅长C/C、C#等开发语言&#xff0c;熟悉Java常用开…

【Day43】

DAY 43 复习日 作业&#xff1a; kaggle找到一个图像数据集&#xff0c;用cnn网络进行训练并且用grad-cam做可视化 进阶&#xff1a;并拆分成多个文件 今天代码见个人 Gitee仓库&#xff1a;LOVE/Python学习库https://gitee.com/love_hub/python-learning-library Github仓库&a…

贪心算法应用:装箱问题(BFD算法)详解

贪心算法应用&#xff1a;装箱问题(BFD算法)详解 1. 装箱问题与BFD算法概述 1.1 装箱问题定义 装箱问题(Bin Packing Problem)是组合优化中的经典问题&#xff0c;其定义为&#xff1a; 给定n个物品&#xff0c;每个物品有大小wᵢ (0 < wᵢ ≤ C)无限数量的箱子&#xf…

mysql(十五)

目录 子查询 1.准备工作 2--创建表格 3--插入数据 2.where 子查询单列单个数据 格式 查询 3.where 子查询单列多个数据(in) 格式 查询 使用子查询 4.from 多行多数据 格式 查询 子查询 将select的查询的返回结果 当成另外一个selet语句的内容去使用。 子查询放在()里面 注意…

Unity 环境搭建

Unity是一款游戏引擎&#xff0c;可用于开发各种类型的游戏和交互式应用程序。它由Unity Technologies开发&#xff0c;并在多个平台上运行&#xff0c;包括Windows、macOS、Linux、iOS、Android和WebGL。Unity也支持虚拟现实(VR)和增强现实(AR)技术&#xff0c;允许用户构建逼…