对于大部分编程人员来说都熟悉VSCode，因为大家经常使用它来编写代码，其实也可以把它当作加强版的记事本来使用，还能这么做？

我就是这么做的，其原因在于以下工作场景：分析或者编写代码时需要做一些笔记，可以VSCode当作文本编辑器来记笔记，但是笔记内容太多时就有点混乱，因此需要一定的格式来控制文本内容，这时Markdown就派上用场了。接下来我分享如何使用简单的步骤把VSCode打造成markdown编辑器。

<hr>

第一步：安装Markdown All in One插件； 第二步：安装Markdown Preview Enhanced插件； 第三步：创建md格式的文件，并且打开Preview窗口;

这三步完成后Markdown编辑器就打造好了，下面是一个“成品效果图”。

图中左侧内容是md格式的源文件，右侧是该文件的预览效果。怎么样？这样的markdown编辑器还符合大家的回味吗？欢迎大家在评论区展开讨论。

俗话说台上一分钟，台下十年功，看似简单的步骤后面包含了许多的细节，接下来我们通过详细的说明来让大家少走弯路。

安装Markdown All in One似乎没有太大作用

有朋友说:安装Markdown All in One似乎没有太大作用.我的回答是它作用很大。VSCode是代码编辑器，它默认支持Markdown格式，虽然不安装此插件也可以编辑Markdown文件，但是安装此插件可以增强原来的功能，增加的功能主要体现在以下两个方面：

快捷键 我常用的快捷键是Ctrl+B(加粗文字)和Ctrl+Shit+](添加标题)。 加粗文字的语法需要添加四个星号，而且还需要移动光标到文字后面，操作起来比较繁琐，使用快捷键后可以一次性完成这些繁琐的操作。

添加标题这个快捷键，超级好用，接一次是一级标题，二次是二级标题，依此类推。我强烈推荐大家使用这个快捷键,真的是太好用了。

自动缩进 自动缩进主要用来列表语法中，例如通常情况下在第一行添加减号当作无序列表，换到第二行后还需要再添加一个减号才能与第一行组成无序列表，第三行、第四行…都需要添加一个减号。每行都添加减号很麻烦，使用此插件后只需要在第一行添加减号就可以，换行后会自动添加减号，这样的操作够方便了吧，更加方便的是如果换行后按下Tab键，会自动缩进成二级列表，如果不想使用二级列表再按下shift+tab就恢复成原来列表。这种使用tab和shift+tab调节缩进的方法在编写代码时经常使用，有了此插件后把这种方法扩展到编写markdown文件中，真是太方便了。

Markdown Preview Enhanced到底增强了什么

VSCode是代码编辑器，它默认支持Markdown格式而且提供预览功能，使用Ctrl+shift+v可以打开预览模式，不过是在新窗口中打开，也可以使用快捷键Ctrl+k v（先按下Ctrl+k松开后再接下v）在窗口右侧打开预览模式，左侧编辑文件，右侧实时预览(可以看上面的图片)，这样非常方便。有朋友说：这此功能都是默认就支持的功能，安装Markdown Preview Enhanced插件到底增强了什么?，增加的功能主要体现在以下两个方面：

提供多种预览样式 在预览窗口中点击右键选择PreviewTheme选择不同的预览样式，我选择了纸黄色的预览样式，以便和黑色的编辑样式区分开。如果不安装此插件，预览和编辑使用完全相同的样式。

导出多种文件格式 在预览窗口中点击右键选择eBook会显示不同的文件格式，比如pdf,mobi等.选择某种文件格式后会在源文件所在的目录下生成该格式的文件，除了生成不同格式的文件外，还可以生成png等格式的图片。

VSCode是一款强大编辑器，除了可以编辑代码外还可以编辑文本，它默认支持编辑和预览Markdown文件，如果你不需要扩展功能，使用默认的功能就可以编辑并且预览Markdown文件。此外，你也可以使用专门的Markdown编辑器，这个属于个人的选择。我可以一边编写程序一边记录笔记，而不需要在多个软件之间来回切换，这也是选择用它编辑Markdown文件的主要原因。大家还有什么好的使用技巧？欢迎在评论区里讨论。

最后，我们对所有内容做一个总结：

1.VSCode除了可以编辑代码外还可以编辑文本，它默认支持编辑和预览Markdown文件； 2.安装插件可以增加VSCode的编辑功能，主要增加了快捷键和自动缩进功能； 3.安装插件可以增加VSCode的预览功能，主要增加了预览格式和导出文件功能；
<hr>

持续更新

我会在使用过程中不停地更新一些新的使用经验，点击链接可以跳转到更新的博客中。

更新1：<a href="https://blog.csdn.net/talk_8/article/details/126142718?spm=1001.2014.3001.5501">如何快速添加本地图片到Markdown文件中</a>

原文地址：https://blog.csdn.net/talk_8/article/details/122782544?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168905673016800227434001%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=168905673016800227434001&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-16-122782544-null-null.142^v88^control_2,239^v2^insert_chatgpt&utm_term=markdown