如何優(yōu)雅使用VS Code寫(xiě)Markdown？VS Code是很多人都在使用的文本編輯器，那么這篇經(jīng)驗(yàn)就教大家如何在VS Code下編輯Markdown，詳細(xì)請(qǐng)看下文介紹。

在VS Code中安裝MPE拓展

安裝好VS Code后，我們來(lái)教大家安裝MPE拓展，點(diǎn)擊VS Code界面上的拓展按鈕（圖中標(biāo)紅）：文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/37104.html

文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/37104.html

然后在搜索欄中輸入“Markdown Preview Enhanced”，第一個(gè)出現(xiàn)的便是，因?yàn)槲乙呀?jīng)安裝過(guò)了，否者標(biāo)紅的地方會(huì)有一個(gè)安裝按鈕，點(diǎn)擊安裝即可。文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/37104.html

文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/37104.html

安裝后即可使用MPE來(lái)進(jìn)行Markdown文檔的編輯了，下面給大家介紹這個(gè)插件的幾個(gè)好用的功能。文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/37104.html

本地預(yù)覽

假設(shè)我們有以下md文檔，右鍵文本編輯區(qū)，我們會(huì)發(fā)現(xiàn)可選的操作中多了一條Preview，點(diǎn)擊這條便可以查看預(yù)覽效果：文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/37104.html

文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/37104.html

或者也可以使用快捷鍵ctrl+K，再按v，預(yù)覽效果如下：文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/37104.html

文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/37104.html

生成目錄

MPE支持自動(dòng)生成目錄的功能，只需要在想插入目錄的地方加入代碼“[TOC]”即可，如下圖所示：文章源自四五設(shè)計(jì)網(wǎng)-http://www.133122.cn/37104.html

預(yù)覽效果如下圖所示：

引入文件

MPE支持從外部引入各類(lèi)文件，包括圖片、表格、代碼等。

代碼為：

@import <文件名>

引入圖片效果：

引入表格效果：

引入代碼效果：

Latex公式輸入

MPE使用KaTex引擎來(lái)驅(qū)動(dòng)Latex公式的輸入，方便了大家在md文件中輸入公式。

公式輸入效果如下：

注意事項(xiàng)：

更多功能大家可以查看MPE官網(wǎng)。

以上就是VSCode編輯Markdown的技巧，希望大家喜歡。