補漏格＿紀錄想記錄的＿分享想分享的

簡單介紹:

Markdown 是一種輕量級標記式語言，大多數用來寫文件或言論發表，很多論壇上都有支援此語言。

Mermaid 是 Markdown 的一種畫圖套件(exction)，也有自己的一種語法來畫圖。

---

學習動機:

因為想要一邊寫筆記直接畫圖，就不用另開其他的工具。 也是因為這樣比較帥?

使用 IDE:

本人是小小工程師，所以是用免費的 VScode。好用而且線上資源也很多。

---

Mermaid 相關 推薦 工具 & 文件 :

線上產圖 + Debug :  http://ppt.cc/fWdNPx

語法介紹 + 使用文件 :  https://mermaidjs.github.io/#/

---

Vscode 套件：

Markdown Preview Mermaid Support :

https://marketplace.visualstudio.com/items?itemName=bierner.markdown-mermaid

這個套件是可以同時顯示 markdown 和 mermaid 的套件！好用～

他的預覽快捷鍵就是 command+k 放開後再 按 v ，這樣 Vscode 就會直接在開啟一個右邊的預覽視窗了！

這個指令他有一個前情提要就是：要在 Vscode 知道現在編輯的檔案語言是 markdown 的時候才能使用。

(就是 Vscode 右下角的語言辨識欄位，要顯示 markdown )

要讓 Vscode 知道此檔案是屬於 markdown 的最快方式就是 把檔案的副檔名改成 .md

Markdown Preview :

https://marketplace.visualstudio.com/items?itemName=vstirbu.vscode-mermaid-preview

這個套件他本身只能顯示 mermaid 的圖，所以本人是不太常用。

---

希望透過我分享能讓有想要在 Vscode install mermaid 的人節省時間！

我發現相關的消息幾乎都是英文的～就寫篇中文版摟。

以上有什麼問題歡指點瞜！教學相長～學習最快速～