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

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