VSCode画 UML 图

  • UML简介
    • 步骤:
      • 安装 Java 环境
      • 安装 PlantUM 插件
      • Markdown Preview Enhanced

UML简介

UML-Unified Modeling Language 统一建模语言,又称标准建模语言。是用来对软件密集系统进行可视化建模的一种语言。UML的定义包括UML语义和UML表示法两个元素。

步骤:

安装 Java 环境

  • PlantUML是一个实现UML快速绘图的开源项目官网链接。下载包是一个Java的jar包,所以需要安装Java环境。
  • Java下载链接。
  • 进入网页以后找到适合自己的版本的jdk进行下载
  • 安装成功后,设置环境变量,如果安装的jdk下没有jre,管理员方式打开cmd窗口,进入刚才jdk的安装目录,执行命令:
bin\jlink.exe --module-path jmods --add-modules java.desktop --output jre


安装 PlantUM 插件

  1. 在VScode中创建新文件,后缀改为*.wsd, *.pu, *.puml, *.plantuml, *.iuml,输入代码。
  2. PlantUML语法,以@startuml开头,以@enduml结束,中间键入图表代码,Alt + DCtrl + Shift + P搜索 PlantUML Preview查看预览

Markdown Preview Enhanced

不只是使用PlantUML插件,你同样可以在Markdown文件中画UML图,通过Markdown Preview Enhanced插件来预览和导出,同样依赖与Java。

  1. 安装拓展

    在markdown中画uml图表,需要写在代码块中,语言标识为plantuml。
    ```plantuml 或 puml开头
    @startuml
    A -> B
    B -> C
    C -> A
    @enduml
    ```
    在Markdown编辑页面的右上角,找到Open Preview To The Side,点击,或者在空白处点击右键,在列表里面找到Open Preview To The Side,就可以在侧边预览Markdown文件的效果。

VSCode画 UML 图相关推荐

  1. vscode画UML图

    目录 准备环境 流程图demo 关系图demo 画UML图是基于markdown实现的. 准备环境 首先要[全局]安装npm和cnpm. 由于我在安装vue的时候已经安装好了.此处省略 1 通过vsc ...

  2. Visio画UML图基本操作及技巧解析

    Visio如何添加枚举类型 1.  新建DataType 2. 选择DataType -> Property -> Stereotype -> enumeration 3. 添加其他 ...

  3. 使用Visio画UML图(Java)

    2019独角兽企业重金招聘Python工程师标准>>> 1.全面认识UML类图元素:http://cqujsjcyj.iteye.com/blog/387546 2.类UML2:ht ...

  4. 安利一个在线画UML图的网址

    安利一个在线画UML图的网址 https://www.draw.io/

  5. python解析visio_Visio画UML图基本操作及技巧解析

    本文和大家重点讨论一下用Visio画UML图基本操作,画UML图有好多种工具,VISIO只是其中一种,VISIO的动作非常轻快.很多人都在用.下面就让我们一起来看一下具体介绍吧. 用Visio画UML ...

  6. vscode remote 第三方库_还能这么玩?用VsCode画类图、流程图、时序图、...不要太爽

    软件设计中,有好几种图需要画,比如流程图.类图.组件图等,我知道大部分人画流程图一般都会用微软的viso绘制,我之前也是这个习惯.viso画图有个不好的地方是需要时刻去调整线条和边框已达到简洁美观,今 ...

  7. 推荐画UML图以及流程图的在线网站Site

    记得当年学UML课程的时候,当你还在为了安装Rose而发愁的时候,人家都把作业给交了,并且现在大多数UML课程都会让学生使用Rational Rose做画图练习.近来,做毕业设计需要提供各种流程图.U ...

  8. 20201127 使用Markdown 画uml图,Graphviz 安装经历吐血整理

    1 visio code 编辑器,最好有 2 visio code markdownlint插件安装上,这个插件可以比visio code自带的markdown预览展示的更好. 预览相关插件好像是: ...

  9. java测试类要画UML图吗,如何从Java代码生成UML图(尤其是序列图)?

    如何从Java代码生成UML图(尤其是序列图)? 如何从现有Java代码生成UML图(尤其是序列图)? 14个解决方案 249 votes ObjectAid UML Explorer 是我用过的. ...

  10. 如何简单快速画UML图?

    用例图可以通过系统外部用户的角度来描述系统的功能,操作者可以依据用例图来实行各功能的操作.用例图可以通过一个用例来描述一个行为.角色和用例的关系.构成用例图的元素有:角色.用例.包含关系和扩展关系.因 ...

最新文章

  1. hdu 1568 (log取对数 / Fib数通项公式)
  2. HTTPS(身披SSL协议的HTTP)
  3. 树形结构:二叉排列树,二叉搜索树
  4. 关于Android Fragment基础点(转)
  5. layer和3D仿射变换
  6. Spring Cloud Config Server简介
  7. mysql 走索引 很慢_MySQL优化:为什么SQL走索引还那么慢?
  8. 开源容器集群管理系统Kubernetes架构及组件介绍
  9. Hinton胶囊网络代码正式开源,5天GitHub fork超1.4万
  10. Visual Studio中创建混合移动应用程序解决方案Xamarin Portable Razor
  11. Unity——浅谈AB包(AssetBundle)
  12. rust物资刷新机制_rust资源刷新 | 手游网游页游攻略大全
  13. windows系统——更改系统关机音效
  14. 免费的顶级域名要在哪申请?
  15. GoLang之defer、panic、recover
  16. 使用 Google Chrome 数据抓包方式免费下载收费音乐
  17. 艺考生冬日穿泳装秀三围
  18. 52PJ官网 基础教程第二课的分享(OD)_Part1
  19. 配置路由器用SSH登陆
  20. html页面执行sql语句,关于在页面上执行sql语句

热门文章

  1. 易语言大漠插件模块制作后台找字FindStrExS和FindStrFastExS
  2. python-合并两个txt文件
  3. 微信小程序登录界面 服务器,微信小程序之登录页-------实例
  4. MIDAS分布应用程序中的几个问题
  5. Android Studio汉化版教程
  6. 在哪下载公司考勤刷卡特殊情况说明Excel模板
  7. php阿里云短信验证码
  8. STM32L4系列单片机如何使用RTC唤醒定时器进入Standby低功耗模式并唤醒+整机功耗测试
  9. STM32L0系列单片机低功耗(STOP)使用+RTC唤醒+LPUART(DMA方式)唤醒+LPTIM唤醒
  10. VS2019 MFC在静态库运行时出现的LNK2005和LNK1169问题