VSCode搭建Markdown编辑环境

发布于:2024-05-20 ⋅ 阅读:(197) ⋅ 点赞:(0)

VSCode是笔者用过的最好用的开发工具,没有之一。笔者14年的码龄生涯中,先后用过Eclipse、 IntelliJ IDEA、 WebStorm、 PyCharm、 Visual Studio(2010/2013/2015)、 NetBeans、 Sublime Text等,但自从用VSCode之后,就再没换过其他工具,一直用到现在有5年多的时间。

1. 本文目标

这篇文章主要介绍如何使用VSCode来进行Markdown的写作,以及常用的markdown相关插件,用VSCode来搭建一套markdown的文档写作环境。

2. 准备工作

官网下载VSCode并安装: https://code.visualstudio.com/

3. 安装插件

vscode默认是支持Markdown的,基本的语法、编辑功能、预览功能都可以用,但如果需要更高级的功能,可以安装一些插件来提升效率。使我们的markdown文档编辑起来更加丝滑、高效。

插件名称 发布者 功能介绍 备注
Markdown All in One Yu Zhang 支持快捷键(如粗体/斜体)、创建目录、表格自动格式化、LaTeX 数学公式支持等功能
markdownlint David Anson Markdown语法检查器,可识别和快速修复常见的Markdown语法错误。
Markdown Table Markdown表格编辑的神器,可对表格进格式化、插入行、行/列等。
Markdown PDF yzane 支持将Markdown文件转换成pdf, html, png, jpeg等格式。
Markdown Preview Github Styling Matt Bierner Github使用的Markdown渲染样式,整体样式:朴素、简洁。

4. 插件的用法

4.1. Markdown All in One

4.1.1. 快捷键
快捷键 功能
Ctrl + B 加粗
Ctrl + I 斜体
Ctrl / Cmd + Shift + V 切换预览模式和编辑模式
4.1.2. 创建/更新目录
  1. 打开命令面板(Ctrl + Shift + P)。
  2. 输入“Markdown All in One: Create Table of Contents”创建目录,输入“Markdown All in One: Update Table of Contents”更新目录。
  3. 点击/或按下回车确认。
4.1.3. 给标题增加序号
  1. 打开命令面板(Ctrl + Shift + P)
  2. 输入“Markdown All in One: Add/Update section Number”
  3. 点击/或按下回车确认

4.2. Markdown Table

4.2.1. 格式化表格
  1. 打开命令面板(Ctrl + Shift + P),或者鼠标右键点击表格区域。
  2. 选择“Markdown Table: format table”。
  3. 点击/或按下回车确认。
4.2.2. 插入表格列
  1. 打开命令面板(Ctrl + Shift + P),或者鼠标右键点击表格区域。
  2. 选择“Markdown Table: insert column left/right”。
  3. 点击/或按下回车确认。

4.3. Markdown PDF

  1. 打开命令面板(Ctrl + Shift + P)。
  2. 输入“Markdown PDF:”。
  3. 选择需要导出的文件格式。
  4. 点击/或按下回车确认。