还能这么玩?用VsCode画类图、流程图、时序图、...不要太爽
yuyutoo 2025-01-03 19:51 3 浏览 0 评论
软件设计中，有好几种图需要画，比如流程图、类图、组件图等，我知道大部分人画流程图一般都会用微软的viso绘制，我之前也是这个习惯。viso画图有个不好的地方是需要时刻去调整线条和边框已达到简洁美观，今天我给大家介绍一款程序员画图神器PlantUML，一款你用了就爱上的画图软件！
VsCode以插件的形式支持了这款画图神器，还不知道VsCode？
VsCode 强大地自定义功能，已经成为程序员最爱编辑器。Microsoft在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目:一个运行于 Mac OS X、Windows和Linux之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。
该编辑器也集成了所有一款现代编辑器所应该具备的特性，包括语法高亮(syntax high lighting)，可定制的热键绑定(customizable keyboard bindings)，括号匹配(bracket matching)以及代码片段收集(snippets)。Somasegar 也告诉笔者这款编辑器也拥有对 Git 的开箱即用的支持。引用360百科
主角出场
PlantUML
PlantUML是一个开源项目，支持快速绘制：
时序图用例图类图活动图 (旧版语法在此处)组件图状态图对象图部署图定时图...
同时还支持以下非UML图:
线框图形界面架构图规范和描述语言 (SDL)Ditaa diagram甘特图MindMap diagram以 AsciiMath 或 JLaTeXMath 符号的数学公式
通过简单直观的语言来定义这些示意图,与MarkDown有相似的作用，这两种语言一个主要面向文本渲染一个主要用于图形绘制。
语法
语法简单明了，查看以下官方教程我截取几个官网的事例图片在这里：
- 活动图
类图
- 时序图
- 用例图
- 状态图
图中的图片都是用源代码' '写'' 出来的哦！是不是很cool
PlantUML遇上VsCode
安装
- 安装graphviz-2.38.msi
- 安装2个vscode插件:
PlantUML、Graphviz Preview
例子
@startuml
Alice -> Bob: Authentication Request
Bob --> Alice: Authentication Response
Alice -> Bob: Another authentication Request
Alice <-- Bob: another authentication Response
@enduml预览
Alt+D
文件格式
.wsd, .pu, .puml, .plantuml, .iuml
如何导出
F1/ctrl+shift+p; PlantUML:导出当前图表；选择导出格式png；导出即可。
好了，这么好用工具赶紧用起来吧！
- 上一篇：UML:类图关系总结
- 下一篇：需求分析-类图建模
相关推荐
- 网站制作的流程是什么呢?简单大概的流程
-
关注我！了解更多网站建设的小干货~如今，随着网络时代的全面到来，网站在人们的生活和工作中发挥着极其重要的作用。网站制作的发展使更多的人加入了这个行业。如果你想掌握网站制作的知识，你可以在学校或网上学习...
- 一款谷歌(Google)打造的广告网页设计制作软件
-
GoogleWebDesigner是由谷歌(Google)打造的一款广告网页设计制作软件，它能够帮助从事于广告网页设计工作或是有这方面需求的用户更加有效快速的进行完成相关的行业设计工作，软件可以支...
- 普通网站如何制作一个网站?
-
对行外人来讲，在预备做一个网站项目时，最想了解的无非就是网站制作的悉数流程。网站制作是要有计划的，事先策划好才能更快更好的完成。网站的几个基本组成元素:域名+空间+程序+模板+维护经验+日常管理.网站...
- 用纯Python就能写一个漂亮的网页，再见HTML
-
再见HTML!用纯Python就能写一个漂亮的网页我们在写一个网站或者一个网页界面的时候，需要学习很多东西，对小白来说很困难！比如我要做一个简单的网页交互：天啊，听听头都大呢！其实我就给老板做一个...
- HTML表单4(form的action、method属性)——零基础自学网页制作
-
表单的工作过程表单的信息发送与处理过程可以简单的进行图示，如下图。以注册会员为例，用户在自己的电脑上打开相应的注册表单页面填写信息，完成填写后点击提交按钮，也就是图中1所示过程。这时浏览器会将这些信息...
- 官网网站设计网页制作模板建站前端自适应响应式网站仿站门户
-
案例背景航科慧联无人机搜索雷达能够在多种天气下检测到无人机的入侵、并获得目标的距离、方向和高度等具体信息，是无人机反制作战中的关键设备。航科慧联无人机搜索雷达能够在多种天气下检测到无人机的入侵、并获得...
- 软网推荐:在线制作软件图标
-
在制作PPT演示、软件、网页或其他程序时，我们往往需要用到一些个性化的图标。现在，即便是不安装任何软件，也可以上网在线制作自己需要的图标。首先访问如下制作网址：http://www.rw-design...
- 自定义跳转的h5网页如何制作?
-
文章来源：墨鹊微站...
- 网页如何制作?这几点要知道
-
这是一个个性张扬的时代，也是一个动手能力和动脑能力都比较强的时代，因此很多人对于能够自己动手完成的东西，都不太想假手于人。于是网页制作成了各大搜索引擎里面排名比较靠前的关键词之一。想要知道网页如何制作...
- 手机端网站简单制作教程，怎么快速制作一个移动端的网站
-
想要创建一个手机端的网站，需要有域名、已经完成网站页面的开发设计，零基础朋友不懂代码技术，直接在线套用乔拓云里面的网站模板来开发是比较简单可行的，进入乔拓云网，复制网站模板编辑网站的内容，注册域名后绑...
- 几张动图教你轻松了解Dreamweaver做网页
-
施老师：当今可是互联网时代，人们的生活、社交离不开互联网，那么不管你是网页设计师，还是销售达人，还是个体户，总必不可少的要在网上呈现一些页面给客户看，这个就是让你做网页，而Dreamweaver是做网...
- 用Deepseek制作网页版的汉诺塔游戏保姆级教程
-
在deepseek中输入：“帮我做一个网页版的汉诺塔演示游戏，游戏包含2层、3层、4层、5层的汉诺塔游戏演示，制作自动求解演示按钮，点击按钮就可以生成出步数，同时自动演示最优解动画。”...
- JS制作网页版计算器
-
大家晚上好，我是洁哥，抱歉今天有点晚了，但是洁哥不会缺席哦，今天我们来看一个JS实现网页版计算器的例题，先来看一看出来的效果吧（123+123=246）（123-123=0）（123＊123=1512...
- 网页制作流程哪几步
-
在数字化时代，网页制作成为企业和个人展示形象、传递信息的重要方式。但是，许多人对于网页制作的流程仍感到困扰。为了解决这一问题，我们将深入探讨网页制作的关键步骤，助您更好地理解和应用这一过程。第一步：需...
- 这4个设计技巧，教你做好个人网页制作
-
随着互联网发展，个人建站已经不是什么稀奇事，学生、求职者、插画师、摄影师、作家……都可以制作个人网站，用来展示自身形象，或者吸引粉丝。那么如何做好个人网站呢？在不懂设计和技术知识的情况下，个人网页制作...
欢迎 你 发表评论:
- 一周热门
-
-
前端面试:iframe 的优缺点? iframe有那些缺点
-
带斜线的表头制作好了，如何填充内容?这几种方法你更喜欢哪个?
-
漫学笔记之PHP.ini常用的配置信息
-
其实模版网站在开发工作中很重要，推荐几个参考站给大家
-
推荐7个模板代码和其他游戏源码下载的网址
-
[干货] JAVA - JVM - 2 内存两分 [干货]+java+-+jvm+-+2+内存两分吗
-
正在学习使用python搭建自动化测试框架?这个系统包你可能会用到
-
织梦(Dedecms)建站教程 织梦建站详细步骤
-
【开源分享】2024PHP在线客服系统源码(搭建教程+终身使用)
-
2024PHP在线客服系统源码+完全开源 带详细搭建教程
-
- 最近发表
- 标签列表
-
- mybatis plus (70)
- scheduledtask (71)
- css滚动条 (60)
- java学生成绩管理系统 (59)
- 结构体数组 (69)
- databasemetadata (64)
- javastatic (68)
- jsp实用教程 (53)
- fontawesome (57)
- widget开发 (57)
- vb net教程 (62)
- hibernate 教程 (63)
- case语句 (57)
- svn连接 (74)
- directoryindex (69)
- session timeout (58)
- textbox换行 (67)
- extension_dir (64)
- linearlayout (58)
- vba高级教程 (75)
- iframe用法 (58)
- sqlparameter (59)
- trim函数 (59)
- flex布局 (63)
- contextloaderlistener (56)