vscode怎么寫markdown? VSCode編輯Markdown的技巧

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

Visual Studio Code跨平臺(tái)代碼編輯器 v1.99.3 64位 官方中文安裝版
- 類型:編譯工具
- 大?。?/span>102MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2025-04-17
在VS Code中安裝MPE拓展
安裝好VS Code后,我們來(lái)教大家安裝MPE拓展,點(diǎn)擊VS Code界面上的拓展按鈕(圖中標(biāo)紅):
然后在搜索欄中輸入“Markdown Preview Enhanced”,第一個(gè)出現(xiàn)的便是,因?yàn)槲乙呀?jīng)安裝過(guò)了,否者標(biāo)紅的地方會(huì)有一個(gè)安裝按鈕,點(diǎn)擊安裝即可。
安裝后即可使用MPE來(lái)進(jìn)行Markdown文檔的編輯了,下面給大家介紹這個(gè)插件的幾個(gè)好用的功能。
本地預(yù)覽
假設(shè)我們有以下md文檔,右鍵文本編輯區(qū),我們會(huì)發(fā)現(xiàn)可選的操作中多了一條Preview,點(diǎn)擊這條便可以查看預(yù)覽效果:
或者也可以使用快捷鍵ctrl+K,再按v,預(yù)覽效果如下:
生成目錄
MPE支持自動(dòng)生成目錄的功能,只需要在想插入目錄的地方加入代碼“[TOC]”即可,如下圖所示:
預(yù)覽效果如下圖所示:
引入文件
MPE支持從外部引入各類文件,包括圖片、表格、代碼等。
代碼為:
@import <文件名>
引入圖片效果:
引入表格效果:
引入代碼效果:
Latex公式輸入
MPE使用KaTex引擎來(lái)驅(qū)動(dòng)Latex公式的輸入,方便了大家在md文件中輸入公式。
公式輸入效果如下:
注意事項(xiàng):
更多功能大家可以查看MPE官網(wǎng)。
以上就是VSCode編輯Markdown的技巧,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
VSCode怎么將markdown文件轉(zhuǎn)換成PDF?
vscode插件Markdown PDF插件轉(zhuǎn)換PDF錯(cuò)誤該怎么辦?
VS code怎么設(shè)置字體大小? VScode字體放大縮小的技巧
相關(guān)文章
VSCode總顯示退出警報(bào)怎么關(guān)? VSCode關(guān)閉顯示退出警報(bào)的技巧
VSCode總顯示退出警報(bào)怎么關(guān)?VSCode每次關(guān)閉都會(huì)提示退出警告,這個(gè)是可以關(guān)閉的,該怎么設(shè)置呢?下面我們就來(lái)看看VSCode關(guān)閉顯示退出警報(bào)的技巧2022-06-07VS Code隱藏的單元格狀態(tài)欄怎么顯示出來(lái)?
VS Code隱藏的單元格狀態(tài)欄怎么顯示出來(lái)?Visual Studio Code中想要設(shè)置狀態(tài)欄的情況,該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程2022-06-02VS Code右鍵單擊快捷操作怎么設(shè)置? vscode右鍵快捷方式設(shè)置技巧
VS Code右鍵單擊快捷操作怎么設(shè)置?VS Code中右鍵單擊是可以進(jìn)行快捷操作的,該怎么設(shè)置右鍵的功能呢?下面我們就來(lái)看看vscode右鍵快捷方式設(shè)置技巧2022-06-02vs code有哪些好看的主題? 15個(gè)VS Code主題推薦排行榜介紹
vs code有哪些好看的主題?vs code軟件可以使用的主題有很多,很多朋友不知道該怎么算則,今天我們就來(lái)介紹一下15個(gè)VS Code主題排行榜,詳細(xì)請(qǐng)看下文介紹2022-05-23VS Code怎么設(shè)置每行代碼長(zhǎng)度? VSCode文本行限制為35的技巧
VS Code怎么設(shè)置每行代碼長(zhǎng)度?VS Code代碼為了排版更整潔,想要設(shè)置文本行限制,該怎么設(shè)置呢?下面我們就來(lái)看看VSCode文本行限制為35的技巧2022-05-19VS Code怎么將所有未知屬性設(shè)置未錯(cuò)誤呢?
VS Code怎么將所有未知屬性設(shè)置未錯(cuò)誤呢?Visual Studio Code中有很多不知道的屬性,這時(shí)候可以設(shè)置未錯(cuò)誤,該怎么設(shè)置呢?詳細(xì)請(qǐng)看下文提示2022-05-19VS Code中怎么關(guān)閉mac選項(xiàng)是meta?
VS Code中怎么關(guān)閉mac選項(xiàng)是meta?Visual Studio Code中想要設(shè)置mac配置,該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程2022-05-19VSCode集成內(nèi)部it環(huán)境怎么關(guān)閉?
VSCode集成內(nèi)部it環(huán)境怎么關(guān)閉?Visual Studio Code中用不到集成內(nèi)部it環(huán)境就可以關(guān)上,該怎么管呢?下面我們就來(lái)看看詳細(xì)的教程2022-05-13VSCode怎么運(yùn)行TypeScript? VSCode配置并調(diào)試TypeScript代碼的技巧
VSCode怎么運(yùn)行TypeScript?VSCode中想要運(yùn)行TypeScript代碼需要我們自己配置,下面我們就來(lái)看看VSCode配置并調(diào)試TypeScript代碼的技巧2022-04-29Visual Studio Code怎么設(shè)置持久會(huì)話? vscode開(kāi)啟持久會(huì)話的技巧
Visual Studio Code怎么設(shè)置持久會(huì)話??這是很基礎(chǔ)的知識(shí),很多朋友可能一時(shí)找不到,下面我們就來(lái)看看vscode開(kāi)啟持久會(huì)話的技巧2022-04-11