如何优雅使用VS Code写Markdown

时间:2024-10-12 12:18:37

之前跟大家介绍了如何markdown的基本语法,详情见以下链接。VS Code是很多人都在使用的文本编辑器,那么这篇经验就教大家如何在VS Code下编辑Markdown。

工具/原料

VS Code

Markdown Preview Enhanced(MPE)拓展

在VS Code中安装MPE拓展

1、如果大家没有安装VS Code的话,可以先按照以下C++经验中的前几步进行安装。如果想让自己的VS Code用中文显示,可以参照以下中文显示经验。

2、安装好VS Code后,我们来教大家安装MPE拓展,点击VS Code界面上的拓展按钮(图中标红):

如何优雅使用VS Code写Markdown

3、然后在搜索栏中输入“Markdown Preview Enhanced”,第一稍僚敉视个出现的便是,因为我已经安装过了,否者标红的地方会有一个安装按钮,点击安装即可。

如何优雅使用VS Code写Markdown

4、安装后即可使用MPE来进行Markdown文档的编辑了,下面给大家介绍这个插件的几个好用的功能。

本地预览

1、假设我们有以下m蟠校盯昂d文档,右键文本编辑区,我们会发现可选的操作中多了一条Preview,点击这条便可以查看预览效果:

如何优雅使用VS Code写Markdown

2、或者也可以使用快捷键ctrl+K,再按v,预览效果如下:

如何优雅使用VS Code写Markdown

生成目录

1、MPE支持自动生成目录的功能,只需要在想插入目录的地方加入代码“[TOC]”即可,如下图所示:

如何优雅使用VS Code写Markdown

2、预览效果如下图所示:

如何优雅使用VS Code写Markdown

引入文件

1、MPE支持从外部引入各类文件,包括图片、表格、代码等。代码为:@import <文件名>

2、引入图片效果:

如何优雅使用VS Code写Markdown

3、引入表格效果:

如何优雅使用VS Code写Markdown

4、引入代码效果:

如何优雅使用VS Code写Markdown

Latex公式输入

1、MPE使用KaTex引擎来驱动Latex公式的输入,方便了大家在md文件中输入公式。

2、公式输入效果如下:

如何优雅使用VS Code写Markdown
© 手抄报圈