預覽 PlantUML 的 .puml 檔案

這裡幫大家整理了 4 個超實用的方法,不管是想要神級的操作體驗,還是懶得安裝任何軟體的速成法,這篇通通有。

方法 1 : VS Code 神級流暢體驗(強烈推薦)

如果你平常就在用 Visual Studio Code 寫程式,這絕對是最頂的選擇,可以享受一邊打字、旁邊畫面一邊即時更新的快感。

  1. 打開 VS Code ,到擴充功能市場搜尋並安裝 PlantUML 這個套件。
  2. 注意,這裡有一個重要的小跟班需要安裝。因為 PlantUML 畫圖需要 Graphviz 的協助,請打開命令提示字元輸入 winget install Graphviz 來快速搞定它。
  3. 如果真的懶得在電腦安裝 Graphviz 怎麼辦?也可以直接到 VS Code 的設定裡搜尋 plantuml.server ,把它改成連到官方的線上伺服器來幫你畫圖。
  4. 萬事俱備後,打開 .puml 檔案,按下 Alt + D ,右邊就會跳出即時預覽畫面。

方法 2 : JetBrains 宇宙( IntelliJ 、 PyCharm 專屬)

如果你是 JetBrains 系列 IDE 的忠實粉絲,根本不用離開視窗,裡面就自帶強大功能。

  1. 點選 File 進入 Settings ,接著找到 Plugins 區塊。
  2. 搜尋 PlantUML Integration 並點擊安裝。
  3. 把 IDE 重新啟動。
  4. 接下來只要打開任何 .puml 檔案,右邊就會自動長出專屬的預覽視窗,完全不用操心。

方法 3 : 獨立 Java 檔案(免安裝開發工具)

如果不想為了看張圖就開啟笨重的開發工具,也可以用官方提供的輕量級 Java 小工具。

  1. 請先確保電腦裡有安裝 Java 執行環境。
  2. PlantUML 官方網站 下載 plantuml.jar 檔案。
  3. 打開命令提示字元,切換到下載的資料夾,輸入 java -jar plantuml.jar -gui 這一行指令。
  4. 畫面上就會跳出一個小巧的視窗,只要選好放 .puml 檔案的資料夾,每次只要存檔,它就會自動幫你刷新圖片。

方法 4 : 線上免安裝(終極懶人法)

如果只是臨時要看一下檔案,連一秒鐘都不想浪費在安裝上,那就直接交給瀏覽器吧。

  • 官方線上伺服器:直接把程式碼複製貼上到 PlantUML Web Server 就能立刻看到結果。
  • 網頁編輯器: PlantText 是一個非常受歡迎的線上即時編輯器,畫面好看而且專為 PlantUML 設計,非常適合臨時救急。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *