您现在的位置是：首页 >技术教程 >[Tool]VSCode下Markdown简介与导出PDF网站首页技术教程

vscode中可方便编写md格式文档《Markdown使用简介与插入数学公式》，并导出到pdf。

markdown插件

vscode默认是支持Markdown的，但需要一些额外的插件来辅助。

• Markdown All in One会自动把常用的markdown依赖项都安装好;
• Markdown Preview Enhanced：预览及生成PDF；
• Paste Image：从粘贴板中直接粘贴图片
  • 设置中选中‘Paste Image：Show File Path Confirm’；
  • 使用ctrl+alt+v快捷键粘贴图片
• Excel to Markdown table：复制表格
  • 使用alt+shitf+v快捷键粘贴表格；
  • 表格内换行<br>；

tab键处理：预览时有些缩进为8，为统一需要全部转换为空格：

• 按ctrl+shift+p
• 在框中输入convert Indentation to Spaces；

tab按键无效（不产生缩进，而是跳到其他位置），按Ctrl+M（Toggle Tab moves focus），会切回正常模式

代码块

通过代码块，可方便插入代码；

1. 文件 --> 首选项 --> 配置用户代码片段； 找到markdown.json，然后输入要配置的代码段（输入prefix后，回车即会自动输入body下的内容）：

"Print to ```go": {
"prefix": "```go",
"body": [
  "```go",
  "$1",
  "```",
],
"description": "go代码片段"
},
"Print to ```py": {
"prefix": "```py",
"body": [
  "```python",
  "$1",
  "```",
],
"description": "python代码片段"
},

2. 文件 --> 首选项 --> 设置 --> 打开设置（在设置的右上角）在settings.json文件中添加：

"[markdown]":{
  "editor.quickSuggestions": true
}

pdf导出

安装Markdown Preview Enhanced插件后，还需要安装prince软件，来导出pdf。

配置

安装prince软件后，需要把其路径添加到系统环境变量中。

• 在Path中添加prince的安装目录，如C:Program Files (x86)Princeenginein

设定Prince-pdf样式（默认演示字体奇怪，且无序列表的缩进也很奇怪）。

• 按ctrl+shift+p
• 在框中输入Markdown Preview Enhanced: Customize Css，然后输入：

  /* Please visit the URL below for more information: */
  /*   https://shd101wyy.github.io/markdown-preview-enhanced/#/customize-css */
  .markdown-preview.markdown-preview {
    font-family: Microsoft YaHei;
  
    /* prince配置 */
    &.prince {
      /* PDF底部加页码 */
      @page {
        @bottom {
          font-family: Microsoft YaHei;
          content: counter(page) " / " counter(pages)
        }
      }
  
      ul, ol {
        margin-left: 0.25rem;
      }
  
      li.inside {
        list-style-position: inside
      }
  
      li.outside {
        list-style-position: outside
      }
    }
  }
  

使用

在md文件首部输入目录标识（默认目录与正文之间没有空行，需要明确添加一个）：

@[toc]
<p>

右键，选择’Markdown Preview Enhanced: Open Privew to the Side’，在打开的浏览界面中，右键，选择’PDF(prince)'，即可导出PDF。