📢：如果你也對機器人、人工智能感興趣，看來我們志同道合?
📢：不妨瀏覽一下我的博客主頁【https://blog.csdn.net/weixin_51244852】
📢：文章若有幸對你有幫助，可點贊 👍 收藏 ?不迷路🙉
📢：內容若有錯誤，敬請留言 📝指正！原創文，轉載請注明出處
文章目錄
- 前言
- 一、如何繪制狀態機？
- 1、安裝插件plantuml和JAVA。
- 2、編寫偽編程語言
- 3、預覽生成的圖表
- 二、補充
- 2.1 Puml 官網地址
- 2.2 報錯:“Error: Could not register serviceworkers: InvalidstateError: Failed to regist“
- reference
前言
一開始接觸狀態機這一名詞還不太理解，看了網上的介紹有點模棱兩可、眾說紛紜的感覺，其實對于程序員來說，狀態機無非就是代碼之間邏輯關系，實際上就是UML中的狀態機圖，它有開始狀態，也有結束的狀態，放幾張示例圖：
活動圖：
PlantUML簡介
PlantUML是一個開源工具，允許用戶使用純文本描述來創建UML（統一建模語言）圖形。這種基于文本的圖形描述方法具有許多優點。首先，它可以直接與源代碼一起存儲在版本控制系統中，從而使得代碼和圖形的同步變得更加簡單。其次，PlantUML可以支持多種輸出格式，包括PNG、SVG和LaTeX，滿足了不同的需求。此外，由于其文本基礎的特性，PlantUML還可以與各種工具進行集成，如Wikis、論壇、文檔生成工具等。
一、如何繪制狀態機？
1、安裝插件plantuml和JAVA。
首先，在vscode的擴展商城中輸入Plantuml， 點擊進行安裝。
并且需要注意如果你的電腦上沒有安裝java需要進行安裝。
為什么需要java？因為 PlantUML 是用 java 寫的，執行PlantUML 的代碼需要 java。java 的安裝方法本文就不再闡述了。
2、編寫偽編程語言
在Plantuml中我們使用偽編程語言來生成圖表。代碼的文件的擴展名可以如一下：*.wsd, *.pu, *.puml, *.plantuml, *.iuml
基本格式：
@startumla
偽代碼
@enduml
示例：
@startumlstartif (Graphviz installed?) then (yes):process all\ndiagrams;
else (no):process only__sequence__ and __activity__ diagrams;
endifstop@enduml
3、預覽生成的圖表
按Alt+D或者Option+D可預覽生成的圖表。其次，如果寫好代碼后發現VScode沒有更新的話，也可以按上述快捷鍵進行手動更新。
二、補充
2.1 Puml 官網地址
🔎Puml 官網地址：https://plantuml.com/zh/
2.2 報錯:“Error: Could not register serviceworkers: InvalidstateError: Failed to regist“
vscode加載web 視圖，報錯:“Error: Could not register serviceworkers: InvalidstateError: Failed to regist“
解決辦法：
1、關閉vscode
2、按WIN + R，輸入cmd，打開終端，然后輸入命令 code --no-sandbox
3、會重啟vscode，就可以正常使用了。
reference
參考博客
 集合)
