[VS Code] Markdown 編輯與預覽

自從 Visual Studio Code(以下簡稱 VS Code)推出之後,Atom 就被我移除了,並和 Sublime Text 一起使用,以彌補 VS Code 的不足。目前使用 Sublime Text 做網頁開發(因為許多網頁開發的插件用習慣了),其他的程式開發和檔案編輯則使用 VS Code。我覺得 VS Code 有兩個強大之處,首先是開大檔案的速度,其次是編輯 Markdown。關於開大檔案的速度,我之前的文章有分享過,就不再介紹了,本篇要介紹的是 VS Code 的 Markdown  功能。

Markdown 編輯與預覽

安裝

其他包括 Atom 或是 Sublime Text 編輯器,在編輯 Markdown 檔案時都要另外安裝插件。至於 VS Code 則不需要額外安裝其他插件,它內建就提供了 Markdown 的編輯與預覽功能。所以只要裝好 VS Code 就能編輯 Markdown,根本可以把其他 Markdown 編輯器丟了!

編輯與預覽

在 VS Code 上開啟 .md 檔,因為 VS Code 已內建 Markdown 功能,當辨識到 md 檔時,就會自動顯示 Markdown 高亮語法。
VS Code

按下快捷鍵 Ctrl + Shift + V(Mac的快捷鍵是 Command + Shift + V),會開啟 Markdown 的預覽畫面。但另開一個預覽畫面,編輯檔案和預覽畫面還要切換,不是很方便。
VS Code

沒關係只要改成並排顯示,左畫面是編輯,右畫面是預覽,當編輯檔案時,預覽畫面會即時變更,不管捲動哪邊的畫面,另一邊也會一起捲動,所看即所得喔!
VS Code

分類:

Copyright © Andy Cheng

Distributed By My Blogger Themes | Blogger Theme By NewBloggerThemes Up ↑