作者：contr4l_
VsCode 簡介 #
VsCode 是 MicroSoft 發布的文本編輯器，以其功能免費、豐富的插件支持、可定制化程度高等特點逐漸成為新生代程序員最喜歡的文本編輯器之一。（與之競爭的包括學習曲線陡峭的 VIM，有 License 問題的 Sublime Text，UI 界面相對來說不夠現代化的 Eclipse 或 NotePad++）
Markdown 簡介 #
Markdown 本身是一種語法規則，我們可以簡單地理解成，當我們按照一定的格式輸入文本，強大的渲染引擎可以將它顯示為我們期望的顯示效果，例如加粗、下劃線、引用、章節段落層級、超鏈接、代碼塊等等。
它相比起傳統的 Office 操作，對文字工作者最大的幫助在於可以使工作者專注於內容本身而非格式，同時在很大程度上降低了編輯過程中鼠標的使用頻率。
在本教程中，我們基於在 VsCode 中安裝 Markdown 插件來滿足我們需要一個支持 Markdown 語法的、支持實時預覽的文本編輯器。
VsCode 安裝 #
下載地址，支持 Windows/Linux/MacOS
雙擊運行會顯示如下窗口，（通常我會建議使用者不對界面進行漢化）
常用的快捷鍵：
- Ctrl+N, 新建文件
- Ctrl+S，保存文件
- Ctrl+Shift+P，進入功能選擇
- Ctrl+P，進入文件選擇
- Ctrl+B，打開 / 關閉側邊欄
- Ctrl+F，文本內搜索
- Ctrl+Shift+F，全局搜索
插件安裝 #
在 VsCode 中，插件（Extension）是最重要的功能之一，它通過即插即用的方式為平凡的文本編輯器提供了大量額外的功能，可以極大地為帶有特定目的的工作者提供效率上的提升，同時所有感興趣的開發者可以創造自己的插件並發布到 Market 中，大部分是開源且免費的功能，少數可能提供額外的收費功能（如代碼補全神器 Tabnine）。
在 VsCode 界面，按下Ctrl+Shift+X進入插件界面，如下圖所示，INSTALLED 部分就是當前本機已經安裝的插件。
在上方搜索框中，輸入 Markdown 並回車，我們可以查詢當前插件市場中有的 Markdown 相關的插件，我們選擇Markdown All in One並點擊 Install 執行安裝。（此處由於我已經完成了安裝，此處顯示的是 Uninstall ，即卸載😄）
Markdown 實時預覽 #
我們首先按下Ctrl+N新建一個文檔並保存命名為 Example.md（VsCode 可以根據文件的後綴名確定當前文件內容應該按照什麼語法來執行高亮）
我們按照 Markdown 語法輸入如下文本：
# 一級標題
## 二級標題
此處為內容
`此處為行內代碼`
**加粗效果**
~~刪除效果~~
> 引用格式的內容
接下來按下Ctrl+Shift+P，出現功能選擇框：
我們輸入Preview，並選擇Markdown: Open Preview to the Side
此處我的判斷有誤，VsCode 原生支持 Markdown，不需要安裝插件也可以，不過插件功能是值得專門介紹的。
會得到如下圖所示的效果
而後我們可以任意在左側方框中編輯內容，實際渲染的效果會在右側同步顯示出來。
其他格式的導出 #
如果我們想要得到一個如同右側顯示效果的文件（如 pdf），我們可以安裝如下圖所示的插件，然後同樣通過Ctrl+Shift+P搜索相關的功能進行導出。
這樣我們可以得到如下的文件
其他 #
關於 VsCode 和 Markdown 還有大量的玩法，如對 LaTeX 的支持，手動輸入公式，和 html 語法的聯動等等，感興趣的朋友可以繼續搜索知識學習。