只需3步把VSCode打造成Markdown编辑器

本文介绍了如何利用VSCode将代码编辑器升级为Markdown编辑器,通过MarkdownAllinOne和MarkdownPreviewEnhanced插件增强功能,包括快捷键、自动缩进和多样化的预览导出。阅读者可以便捷地编写和管理Markdown笔记,提升工作效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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


  • 第一步:安装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的预览功能,主要增加了预览格式和导出文件功能;

持续更新

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

### 配置 VSCode 作为 Markdown 编辑器 VSCode 已经原生集了对 Markdown 文件的支持,可以直接用于创建和编辑 `.md` 文件[^1]。为了进一提高效率,可以通过安装扩展以及调整设置来增强功能。 #### 使用内置功能 VSCode 提供了两种方式实现 Markdown 的实时预览: 1. **快捷键调用命令面板** 可通过 `Ctrl + Shift + P` 打开主命令面板,在其中输入 “Markdown”,即可找到与 Markdown 相关的命令并执行它们。 2. **侧边预览模式** 在编辑 Markdown 文件时,按下 `Shift + Ctrl + V` 或点击右上角的“预览”按钮,可以在右侧窗口显示渲染后的效果。 #### 安装插件优化体验 虽然 VSCode 自带了一些基本工具,但借助第三方插件可以让工作流更加流畅。以下是几个推荐的插件及其用途: - **Auto Markdown TOC**: 此插件能够自动为文档生目录结构,极大地简化了维护大篇幅文章的工作量[^2]。 - 安装完后,只需运行命令 `Generate Table of Contents` 即可更新当前文件中的 ToC 列表。 - **Markdown All in One**: 综合型扩展包,提供诸如折叠标题区域、格式化列表等功能,有助于保持代码样式的整洁统一。 - 支持一键转换 HTML 片段至纯文本形式或者反之亦然;还允许用户定义个性化快捷键绑定规则以便更快捷地完常见任务。 #### 设置偏好选项 为了让环境更适合个人习惯,还可以修改一些全局参数来自定义行为。进入菜单栏选择 File -> Preferences -> Settings (或按 `Ctrl+,`) ,搜索关键字如 `"editor.fontFamily"` 来更改字体样式,或是启用其他高级特性比如软换行(`wordWrap`)等。 ```json { "workbench.colorTheme": "Default Dark+", "editor.tabSize": 2, "files.autoSave": "afterDelay" } ``` 以上 JSON 片段展示了如何切换主题颜色方案、设定缩进宽度以及开启延迟保存机制的例子。 ---
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

talk_8

真诚赞赏,手有余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值