使用VS Code插件打造完美的MarkDown编辑器(2)-木庄网络博客

当前第2页返回上一页

-配置：Ctrl+Shift+P打开控制命令行，然后如下输入就可以更改插件配置
第一个选项是json格式的配置文件，第二个选项是使用UI界面打开配置文件，第三个是打开默认的配置文件，所有的配置都在里面，可以复制，但是不可编辑，复制到第一个选项里面即可进行配置，这里打开第一个选项Open Settings(JSON)

在这里插入图片描述

我安装了如下的所有插件：

插件列表

2.1 markdown-all-in-one

简介：所有你需要写Markdown要用到的（键盘快捷方式，目录，自动预览等）
配置：这个需要配置的不多，基本上默认就好了

2.2 markdown toc

简介：这个插件是用来生成目录
配置：

markdown-toc.depthFrom: 生成目录的标题最低级别，默认h1
markdown-toc.depthTo: 生成目录的标题最高级别，默认h6
markdown-toc.insertAnchor: 自动插入链接地址，默认false
markdown-toc.withLinks: 自动插入链接，默认true
markdown-toc.updateOnSave: 自动更新

2.3 markdown+math

简介：此扩展使用$ 分隔符支持内联数学公式，或者使用KaTeX parse error: Can't use function '$' in math mode at position 126: …式不能用，所有的公式必须在’ $? $ '或者…$$之中。
配置：不需要配置

2.4 markdown pdf

简介：markdown是不支持pdf输出，需要借助其他办法输出，使用该插件就可以。
该插件还支持导出为以下格式，只需要在md文件中右键鼠标就可以弹出选项
配置：这个插件共有34条配置，大多数默认就好，以下是常用配置：

markdown-pdf.type: 设置默认导出格式，也就是上图中的第一个选项，默认是pdf
markdown-pdf.outputDirectory: 导出路径
markdown-pdf.outputDirectoryRelativePathFile: 导出相对路径
markdown-pdf.styles: 导出的pdf文件的格式，可以使用本地的绝对路径自定义，也可以使用网上的
markdown-pdf.displayHeaderFooter: 是否显示页眉页脚，默认是true，我改为false，因为默认页眉页脚很丑，
当然也可以使用markdown-pdf.headerTemplate和markdown-pdf.footerTemplate自定义

2.5 Markdown Preview Enhanced

在预览窗口右键点击出现下图所示：

在预览窗口右键点击

简介：实时预览的插件，很好用，也可以结合上图中的其他程序导出为其他格式，推荐使用pandoc可以导出为word文件、pdf 、html等多种格式，但是实测导出效果并不理想，可能是姿势不对吧，没有深究。
配置：

"markdown-preview-enhanced.enableTypographer": 是否可以显示流程图，默认false，我调成true，
但是建议画流程图还是使用其他软件，插入图片，另外，即便可以在预览窗口看到流程图，
使用markdown pdf导出为PDF的时候也不能显示。。。。。只能看看。。。。
"markdown-preview-enhanced.previewTheme":设置预览主题，只能设置它给定的几个主题，
默认是 "github-light.css", 但是人的智慧是无穷的使用自己下载的或者自定义的CSS的办法，
请参考我的另一篇教程，链接将会在下面给出。

解决VS Code下Markdown Preview Enhanced不能使用自定义css的问题.

使用VS Code插件打造完美的MarkDown编辑器