只要 3 個擴充套件,讓 VS Code 變成專業 Markdown 文件編輯器

2022.10.07 / Dev
Markdown 是一種輕量級標記式語言,主要用於撰寫文件。他不像 Microsoft Word 或 Google Docs 只能使用廠商提供的專用軟體進行作業,以 Markdown 撰寫的文件可以使用任何文字編輯器來修改,

Markdown 是一種輕量級標記式語言,主要用於撰寫文件。他不像 Microsoft Word 或 Google Docs 只能使用廠商提供的專用軟體進行作業,以 Markdown 撰寫的文件可以使用任何文字編輯器來修改,目前廣受開發者及文字工作者歡迎。

VS Code 全名為 Visual Studio Code,由 Microsoft 開發並免費提供任何人使用,且擁有龐大的擴充套件生態及社群,主要客群為軟體開發者。VS Code 的擴充套件庫除了有提供開發者使用的 C#、Python、Javascript 等程式語言,也有用於 Markdown 文件撰寫的套件。雖然 VS Code 本身已內建 Markdown 語法的支援,但本身功能過於陽春,建議搭配本文推薦的擴充套件才能讓他與目前的主流編輯器 HackmdTypora 一戰。

套件 1:Markdown All in One

Markdown All in One 是增強 VS Code 的 Markdown 編輯能力的主要擴充套件,它提供了更多的自動化功能,例如:反白文字 Ctrl + V 貼上超連結自動完成語法、清單元素中 Enter 自動接續縮排、數學公式等實用功能,本文不一一介紹,有興趣者可參考 Markdown All in One - Visual Studio Marketplace 的說明內容。

安裝方式

於擴充套件中搜尋「Markdown All in One」並安裝。

前置設定

無需設定。

使用說明

直接開啟 Markdown 文件進行修改,套件將自動於背景中進行功能強化。

套件 2:Markdown Preview Enhanced

Markdown Preview Enhanced 主要作用為覆蓋 VS Code 的 Markdown 預覽功能,並增加了對於數學公式的渲染器,使介面更為美觀。

安裝方式

於擴充套件中搜尋「Markdown Preview Enhanced」並安裝。

前置設定

無需設定。

使用說明

於 Markdown 文件中,點擊工作區右上角的 Markdown Preview Enhanced: Open Preview to the Side 開啟預覽視窗。

套件 3:Markdown PDF

Markdown PDF 顧名思義是提供了 Markdown 文件輸出 PDF 的功能,除了能輸出 PDF 檔案外,它還另外提供了 HTML、PNG 與 JPEG 的輸出格式。

安裝方式

於擴充套件中搜尋「Markdown PDF」並安裝。

前置設定

無需設定。

使用說明

於 Markdown 文件中,點擊 F1 按鍵並輸入「export」,選擇 Markdown PDF: Export (pdf) 即可將文件以 PDF 格式輸出於同路徑中。

結語

近期我也在嘗試使用 Markdown 作為研究所課程的筆記工具。雖然 Markdown 文件與 GoodNotes、OneNote 等專業筆記軟體相比起來的功能陽春許多,但好處是 Markdown 可以在任何平台以純文字方式開啟,VS Code 僅是作為一個輔助工具的角色,也無須分心於使用各項功能,專心於筆記內容即可。

Markdown 有它的優勢,但因為需要學習它的語法,就有一定的門檻。對於時常接觸程式碼的工程師們比較沒有難度,但對於出生於設計類群的朋友來說就稍微困難了。

參考資料

相關文章

Ted Liou

雲科碩士在讀中,專注於 Unity C#、TouchDesigner 技術,常把技術筆記分享到部落格,偶爾還直接挪用文章來當教材的研究生。