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

一、概述

最近迷上了markdown,所以进行了学习,首先是编辑器的选择,可以参考这篇文章:
好用的markdown编辑器一览
我本人并没有选择其中的任意一款进行尝试,因为我个人十分喜欢vs code,而且个人以为配置好后的vs code不逊色于任何一款markdown编辑器,当然,如果觉得自己配置太麻烦的话,也可以直接使用上述编辑器或者typora这款编辑器,有朋友在用,实时在编辑区预览,效果很不错。

二、插件安装和配置

安装和配置插件的步骤:

–安装: Ctrl+Shift+P打开控制命令行,然后如下输入就可以打开插件市场,输入markdown就可以看到所有相关插件:

在这里插入图片描述

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

在这里插入图片描述

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

插件列表

2.1 markdown-all-in-one

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

2.2 markdown toc

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

markdown-toc.depthFrom: 生成目录的标题最低级别,默认h1markdown-toc.depthTo: 生成目录的标题最高级别,默认h6markdown-toc.insertAnchor: 自动插入链接地址,默认falsemarkdown-toc.withLinks: 自动插入链接,默认truemarkdown-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文件中右键鼠标就可以弹出选项

markdown pdf

配置:这个插件共有34条配置,大多数默认就好,以下是常用配置:

markdown-pdf.type: 设置默认导出格式,也就是上图中的第一个选项,默认是pdfmarkdown-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的问题.

豆包AI编程 豆包AI编程

豆包推出的AI编程助手

豆包AI编程 1697 查看详情 豆包AI编程

 推荐:php教程,php视频教程

以上就是使用VS Code插件打造完美的MarkDown编辑器的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/825876.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
中国年度最畅销折叠屏手机榜单:华为Mate X5独占28.1% 遥遥领先
上一篇 2025年11月27日 05:24:58
德邦快递查询官网在线查 德邦快递运单实时跟踪
下一篇 2025年11月27日 05:25:07

相关推荐

发表回复

登录后才能评论
关注微信