Markdown的五大 VSCode擴充套件外掛

banq發表於2021-06-05

我從 Emacs 遷移到 VSCode 將近一年,我對自己的生產力感到滿意。大多數時候,我在Markdown編輯,讓我分享這 5 個有助於提高 Markdown 生產力的擴充套件。
 

1. Markdown 多合一

Markdown All in One是編輯 Markdown 的必備工具。它包含 Markdown 預覽、鍵盤快捷鍵、自動預覽等。
這些快捷方式將使編輯 Markdown 變得更加容易:

Markdown的五大 VSCode擴充套件外掛
完成還包含路徑查詢:

Markdown的五大 VSCode擴充套件外掛
我們可以列印降價到HTML用命令:Markdown: Print current document to HTML。
此外,它還帶有漂亮的數學支援:

Markdown的五大 VSCode擴充套件外掛
 

2. 字典補全

Dictionary Completion是另一個擴充套件,可幫助您更快地輸入英語單詞。因為我的母語不是英語,這有助於我正確地寫字:

Markdown的五大 VSCode擴充套件外掛
預設情況下,Markdown 不支援快速建議,我們需要新增以下程式碼段以使在 Markdown 檔案中鍵入時出現提示:
"[markdown]": { "editor.quickSuggestions": true }

3. 貼上圖片
我很想在我的 Markdown 檔案中插入更多螢幕截圖。貼上影像幫助我從 xclip 中儲存我的影像。此擴充套件支援 Mac/Windows/Linux。

Markdown的五大 VSCode擴充套件外掛
 

4. PlantUML
如果您需要繪製圖表,PlantUML是一個很棒的擴充套件。在 PlantUML 中,圖表是使用簡單直觀的語言定義的。當您編輯圖表的原始檔時,您還可以預覽結果:

Markdown的五大 VSCode擴充套件外掛
PlantUML 支援開發人員使用的各種圖表,例如序列圖、物件和類圖等。
如果您已經熟悉 Draw.io,您會喜歡另一個擴充套件Draw.io Integration

Markdown的五大 VSCode擴充套件外掛
 

5. Emoji表情符號
我們需要更多的微笑!

Markdown Emoji做了一件簡單的事情:在你的文件中新增一些 Emoji 表情。

Markdown的五大 VSCode擴充套件外掛
但是我發現這個擴充套件有一個缺陷,我的 Hexo 渲染結果在 HTML 中沒有正確顯示 Emoji。還有另一個類似的擴充套件Emoji解決了這個問題。你甚至可以在程式碼中新增表情符號:

Markdown的五大 VSCode擴充套件外掛
就這樣,編輯 Markdown 快樂!

相關文章