搜索歷史

清空
搜索熱詞
      0
      • 聊天消息
      • 系統(tǒng)消息
      • 評論與回復(fù)
      VIP于 到期 續(xù)費(fèi)
      登錄后你可以
      • 下載海量資料
      • 學(xué)習(xí)在線課程
      • 觀看技術(shù)視頻
      • 寫文章/發(fā)帖/加入社區(qū)
      會員中心
      創(chuàng)作中心
      發(fā)布
      創(chuàng)作活動(dòng)

      完善資料讓更多小伙伴認(rèn)識你，還能領(lǐng)取20積分哦，立即完善>

      3天內(nèi)不再提示

      VSCode中Markdown借助plantuml繪制流程圖

      Spinal FPGA ? 來源： Spinal FPGA ? 2024-10-28 11:19 ? 次閱讀

      編 者 按

      VSCode中Markdown里通過plantuml繪制流程圖，簡直不要太方便。

      插件安裝

      習(xí)慣了用Markdown撰寫文檔，搬磚過程中總少不了繪制各種圖，一般所有的文檔類&畫圖類需求都在VSCode中完成。對于一些繪圖，發(fā)現(xiàn)在Markdown中借助plantuml繪制一些圖簡直不要太舒服。
      VSCode中需安裝三個(gè)插件：

      Markdown All in One

      Markdown Preview Enhanced

      Markdown Shortcuts

      在插件設(shè)置中添加plantuml的Jar包位置或者填充plantuml Server均可：

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

      PlantUML是一個(gè)通用性很強(qiáng)的工具，可以快速、直接地創(chuàng)建各種圖表。 利用簡單直觀的語言，用戶可以毫不費(fèi)力地繪制各種類型的圖表 》流程圖繪制效果圖

      用plantuml繪圖就如同寫代碼一樣，也不需要關(guān)注流程圖的排版，對于碼農(nóng)來講簡直不要太爽。來看幾個(gè)在Markdown中使用的效果圖：

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

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

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

      參考資料

      plantuml的語法還是非常簡單的，十分鐘上手不是難事兒，這里推薦一個(gè)plantuml的網(wǎng)站，給了各種圖的教程。

      聲明：本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人，不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用，如有內(nèi)容侵權(quán)或者其他違規(guī)問題，請聯(lián)系本站處理。 舉報(bào)投訴
      • 流程圖
        +關(guān)注

        關(guān)注

        2

        文章

        63

        瀏覽量

        18694
      • 插件
        +關(guān)注

        關(guān)注

        0

        文章

        320

        瀏覽量

        22381
      • vscode
        +關(guān)注

        關(guān)注

        1

        文章

        153

        瀏覽量

        7633
      • MarkDown
        +關(guān)注

        關(guān)注

        0

        文章

        45

        瀏覽量

        254

      原文標(biāo)題：Markdown+plantuml:最強(qiáng)流程圖繪制

      文章出處：【微信號：Spinal FPGA，微信公眾號：Spinal FPGA】歡迎添加關(guān)注！文章轉(zhuǎn)載請注明出處。

      收藏 人收藏

        評論

        相關(guān)推薦

        怎樣繪制流程圖

        此操作。在輸入內(nèi)容的同時(shí)，右面的工具欄可以對文本樣式，背景顏色，以及排列方式進(jìn)行設(shè)置，使用很方便。 5.繪制完成的流程圖需要對添加的圖形以及線段文本內(nèi)容進(jìn)行檢查，在面板中的編輯選項(xiàng)中選擇節(jié)點(diǎn)可以完后
        發(fā)表于 01-15 11:38

        Sop流程圖操作規(guī)范

        流程圖符號 流程圖結(jié)構(gòu)說明 流程圖繪制原則
        發(fā)表于 08-27 17:57 ?42次下載

        化工工藝流程圖閥門程序設(shè)計(jì)

        化工工藝流程圖閥門程序設(shè)計(jì)提要:本文針對化工工藝流程圖CAD閥門繪制程序設(shè)計(jì)，探討CAD在化工工藝設(shè)計(jì)中的運(yùn)用。文后提供的程序清單可在AutoCAD R12
        發(fā)表于 02-14 17:06 ?3097次閱讀

        IC設(shè)計(jì)流程圖

        IC設(shè)計(jì)流程圖 ?
        發(fā)表于 02-06 16:22 ?5193次閱讀
        IC設(shè)計(jì)<b class='flag-5'>流程圖</b>

        利用迅捷畫圖繪制精美流程圖操作方法介紹

        的流程圖模板，可以直接編輯內(nèi)容進(jìn)行使用。? ? 2..進(jìn)入迅捷畫圖官網(wǎng)中，操作界面如下圖所示，選擇在線繪制流程圖，思維導(dǎo)圖下方的“進(jìn)入迅捷畫圖”。? ? 3.這時(shí)會跳轉(zhuǎn)到后臺頁面，點(diǎn)擊
        發(fā)表于 11-13 14:03 ?506次閱讀

        如何繪制化工工藝的流程圖

        工藝流程圖是化工生產(chǎn)的技術(shù)核心，包含了物料平衡、設(shè)備、儀表、閥門、管路等信息，無論是設(shè)計(jì)院的工程師、化工廠的工藝員，還是中控控制室的主操，能看能畫工藝流程圖，都是必不可少的技能。
        的頭像 發(fā)表于 02-17 09:01 ?1.5w次閱讀
        如何<b class='flag-5'>繪制</b>化工工藝的<b class='flag-5'>流程圖</b>

        跨職能流程圖怎么畫？教你輕松繪制泳道圖流程圖

        到另一個(gè)框，便可以繪制線條。第四步：雙擊畫布中的文本框，對模板中的文字進(jìn)行替換或者刪除。第五步：當(dāng)完成跨職能流程圖的繪制后，點(diǎn)擊工具欄右上方
        的頭像 發(fā)表于 07-28 11:23 ?1.6w次閱讀

        項(xiàng)目流程圖怎么畫？項(xiàng)目流程圖經(jīng)典免 費(fèi)模板分享

        協(xié)調(diào)進(jìn)行的，可使用項(xiàng)目流程圖來對活動(dòng)各流程進(jìn)行規(guī)劃。項(xiàng)目流程圖繪制軟件——億圖圖示億圖圖示是一款
        的頭像 發(fā)表于 07-28 11:58 ?3233次閱讀

        NS流程圖是什么圖？用這款軟件輕松畫NS流程圖

        NS流程圖，又被稱為N-S圖，或者是盒圖。它的結(jié)構(gòu)分為圖形、流程線和文字，NS流程圖是一種可視化建模的結(jié)構(gòu)化編程。實(shí)際上，NS
        的頭像 發(fā)表于 07-28 11:59 ?1.4w次閱讀
        NS<b class='flag-5'>流程圖</b>是什么<b class='flag-5'>圖</b>？用這款軟件輕松畫NS<b class='flag-5'>流程圖</b>

        生產(chǎn)流程圖是做什么的？大量實(shí)用生產(chǎn)流程圖模板符號參考

        生產(chǎn)流程圖是根據(jù)一定的生產(chǎn)需要繪制的反映生產(chǎn)過程、生產(chǎn)程序的流程圖表，它的主要作用是直觀清晰地展現(xiàn)生產(chǎn)流程。一般來說，生產(chǎn)流程圖可以直觀反映
        的頭像 發(fā)表于 07-28 12:02 ?5449次閱讀
        生產(chǎn)<b class='flag-5'>流程圖</b>是做什么的？大量實(shí)用生產(chǎn)<b class='flag-5'>流程圖</b>模板符號參考

        工作流程圖怎么用？有哪些繪制工作流程圖的軟件

        工作流程圖是清晰地展示工作中各個(gè)環(huán)節(jié)的流程圖圖示，主要用于工作活動(dòng)和效率的管理。工作流程圖這種圖示方法具有直觀描述性、簡潔性、可操作性和指導(dǎo)性。工作
        的頭像 發(fā)表于 07-28 14:22 ?3470次閱讀

        7款流程圖制作軟件大盤點(diǎn)！輕松繪制流程圖

        流程圖可能是我們使用最廣泛的一種圖形圖表，幾乎在各個(gè)領(lǐng)域都會用到，諸如系統(tǒng)流程圖、產(chǎn)品流程圖、數(shù)據(jù)流程圖借助
        的頭像 發(fā)表于 11-27 19:00 ?4.1w次閱讀

        開源的在線流程圖繪制工具

        【導(dǎo)語】：開源的在線流程圖繪制工具。 簡介 Wireflow 是一個(gè)免費(fèi)的、開源的在線流程圖繪制工具，用于創(chuàng)建漂亮的流程圖，無需 Photo
        的頭像 發(fā)表于 09-24 14:10 ?3598次閱讀

        使用PlantUml繪制邏輯時(shí)序圖/波形圖

        使用PlantUml繪制時(shí)序圖，波形圖的簡單說明如下。
        的頭像 發(fā)表于 05-14 09:28 ?1952次閱讀
        使用<b class='flag-5'>PlantUml</b><b class='flag-5'>繪制</b>邏輯時(shí)序<b class='flag-5'>圖</b>/波形<b class='flag-5'>圖</b>

        fpc流程圖.zip

        fpc流程圖
        發(fā)表于 03-01 15:37 ?2次下載