0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

VSCode中Markdown借助plantuml绘制流程图

Spinal FPGA 来源: Spinal FPGA 2024-10-28 11:19 次阅读

编 者 按

VSCode中Markdown里通过plantuml绘制流程图,简直不要太方便。

插件安装

习惯了用Markdown撰写文档,搬砖过程中总少不了绘制各种图,一般所有的文档类&画图类需求都在VSCode中完成。对于一些绘图,发现在Markdown中借助plantuml绘制一些图简直不要太舒服。
VSCode中需安装三个插件:

Markdown All in One

Markdown Preview Enhanced

Markdown Shortcuts

在插件设置中添加plantuml的Jar包位置或者填充plantuml Server均可:

c2242d2c-94da-11ef-a511-92fbcf53809c.jpg

PlantUML是一个通用性很强的工具,可以快速、直接地创建各种图表。 利用简单直观的语言,用户可以毫不费力地绘制各种类型的图表 》流程图绘制效果图

用plantuml绘图就如同写代码一样,也不需要关注流程图的排版,对于码农来讲简直不要太爽。来看几个在Markdown中使用的效果图:

c2334596-94da-11ef-a511-92fbcf53809c.jpg

c24789ca-94da-11ef-a511-92fbcf53809c.jpg

c25c0bfc-94da-11ef-a511-92fbcf53809c.jpg

参考资料

plantuml的语法还是非常简单的,十分钟上手不是难事儿,这里推荐一个plantuml的网站,给了各种图的教程

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 流程图
    +关注

    关注

    2

    文章

    63

    浏览量

    18790
  • 插件
    +关注

    关注

    0

    文章

    335

    浏览量

    22484
  • vscode
    +关注

    关注

    1

    文章

    157

    浏览量

    7838
  • MarkDown
    +关注

    关注

    0

    文章

    46

    浏览量

    287

原文标题:Markdown+plantuml:最强流程图绘制

文章出处:【微信号:Spinal FPGA,微信公众号:Spinal FPGA】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    怎样绘制流程图

    此操作。在输入内容的同时,右面的工具栏可以对文本样式,背景颜色,以及排列方式进行设置,使用很方便。 5.绘制完成的流程图需要对添加的图形以及线段文本内容进行检查,在面板的编辑选项中选择节点可以完后
    发表于 01-15 11:38

    Sop流程图操作规范

    流程图符号 流程图结构说明 流程图绘制原则
    发表于 08-27 17:57 42次下载

    化工工艺流程图阀门程序设计

    化工工艺流程图阀门程序设计提要:本文针对化工工艺流程图CAD阀门绘制程序设计,探讨CAD在化工工艺设计的运用。文后提供的程序清单可在AutoCAD R12
    发表于 02-14 17:06 3143次阅读

    IC设计流程图

    IC设计流程图  
    发表于 02-06 16:22 5266次阅读
    IC设计<b class='flag-5'>流程图</b>

    利用迅捷画图绘制精美流程图操作方法介绍

    流程图模板,可以直接编辑内容进行使用。    2..进入迅捷画图官网,操作界面如下图所示,选择在线绘制流程图,思维导图下方的“进入迅捷画图”。    3.这时会跳转到后台页面,点击
    发表于 11-13 14:03 545次阅读

    如何绘制化工工艺的流程图

    工艺流程图是化工生产的技术核心,包含了物料平衡、设备、仪表、阀门、管路等信息,无论是设计院的工程师、化工厂的工艺员,还是控控制室的主操,能看能画工艺流程图,都是必不可少的技能。
    的头像 发表于 02-17 09:01 1.6w次阅读
    如何<b class='flag-5'>绘制</b>化工工艺的<b class='flag-5'>流程图</b>

    跨职能流程图怎么画?教你轻松绘制泳道流程图

    到另一个框,便可以绘制线条。第四步:双击画布的文本框,对模板的文字进行替换或者删除。第五步:当完成跨职能流程图绘制后,点击工具栏右上方
    的头像 发表于 07-28 11:23 1.6w次阅读

    项目流程图怎么画?项目流程图经典免 费模板分享

    协调进行的,可使用项目流程图来对活动各流程进行规划。项目流程图绘制软件——亿图示亿图示是一款
    的头像 发表于 07-28 11:58 3330次阅读

    NS流程图是什么?用这款软件轻松画NS流程图

    NS流程图,又被称为N-S,或者是盒。它的结构分为图形、流程线和文字,NS流程图是一种可视化建模的结构化编程。实际上,NS
    的头像 发表于 07-28 11:59 1.4w次阅读
    NS<b class='flag-5'>流程图</b>是什么<b class='flag-5'>图</b>?用这款软件轻松画NS<b class='flag-5'>流程图</b>

    生产流程图是做什么的?大量实用生产流程图模板符号参考

    生产流程图是根据一定的生产需要绘制的反映生产过程、生产程序的流程图表,它的主要作用是直观清晰地展现生产流程。一般来说,生产流程图可以直观反映
    的头像 发表于 07-28 12:02 5712次阅读
    生产<b class='flag-5'>流程图</b>是做什么的?大量实用生产<b class='flag-5'>流程图</b>模板符号参考

    工作流程图怎么用?有哪些绘制工作流程图的软件

    工作流程图是清晰地展示工作各个环节的流程图图示,主要用于工作活动和效率的管理。工作流程图这种图示方法具有直观描述性、简洁性、可操作性和指导性。工作
    的头像 发表于 07-28 14:22 3595次阅读

    7款流程图制作软件大盘点!轻松绘制流程图

    流程图可能是我们使用最广泛的一种图形图表,几乎在各个领域都会用到,诸如系统流程图、产品流程图、数据流程图借助
    的头像 发表于 11-27 19:00 4.2w次阅读

    开源的在线流程图绘制工具

    【导语】:开源的在线流程图绘制工具。 简介 Wireflow 是一个免费的、开源的在线流程图绘制工具,用于创建漂亮的流程图,无需 Photo
    的头像 发表于 09-24 14:10 3733次阅读

    使用PlantUml绘制逻辑时序/波形

    使用PlantUml绘制时序,波形的简单说明如下。
    的头像 发表于 05-14 09:28 2165次阅读
    使用<b class='flag-5'>PlantUml</b><b class='flag-5'>绘制</b>逻辑时序<b class='flag-5'>图</b>/波形<b class='flag-5'>图</b>

    fpc流程图.zip

    fpc流程图
    发表于 03-01 15:37 2次下载