0

0

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

autoload

autoload

发布时间:2021-03-11 13:51:32

|

7070人浏览过

|

来源于CSDN

转载

一、概述

最近迷上了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: 生成目录的标题最低级别,默认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文件中右键鼠标就可以弹出选项
  • markdown pdf

  • 配置:这个插件共有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文件、pdfhtml等多种格式,但是实测导出效果并不理想,可能是姿势不对吧,没有深究。
  • 配置
"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智研社是一个专注于人工智能领域的综合性平台

下载

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

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
openclaw养虾硬件指南最新版
openclaw养虾硬件指南最新版

《OpenClawAI硬件指南最新版》合集聚焦AI硬件入门与进阶,从核心组件解析到实战搭建,系统讲解算力配置、设备选型与优化方案。内容通俗易懂,适合开发者与科技爱好者快速掌握AI硬件要点,构建高效稳定的智能计算环境。

0

2026.03.20

PS蒙版使用教学
PS蒙版使用教学

本专题整合了PS蒙版使用教学、原理、技巧相关内容,阅读专题下面的文章了解更多详细教程。

12

2026.03.20

Minimax生成视频提示词和小技巧
Minimax生成视频提示词和小技巧

本专题整合了Minimax生成好的视频教程合集,阅读专题下面的文章了解更多详细内容。

3

2026.03.20

龙虾OpenClaw安全使用指南
龙虾OpenClaw安全使用指南

围绕龙虾OpenClawAI使用中的安全风险,本合集系统梳理常见漏洞与隐患,提供实用防护方法与最新安全指南,帮助用户在稳定运行的同时规避风险,提升整体使用安全性与体验。

6

2026.03.20

AI做视频入口教程合集
AI做视频入口教程合集

本专题整合了AI做视频入口、教程相关内容,阅读专题下面的文章了解更多详细教程。

11

2026.03.20

OpenClawAI技能系统基础介绍:OpenClawAISkills是什么
OpenClawAI技能系统基础介绍:OpenClawAISkills是什么

OpenClawAI Skills 是 OpenClaw 智能体的核心功能模块,用于定义和管理 AI 可执行的具体能力,如查询天气、发送消息、操作文件等。通过技能系统,用户可灵活扩展智能体功能,实现高度定制化的自动化任务。

17

2026.03.20

ThinkPHP ORM模型关系与数据库操作优化实践
ThinkPHP ORM模型关系与数据库操作优化实践

本专题聚焦ThinkPHP中 ORM 模型的高级用法与数据库操作优化技巧。内容包括一对一、一对多、多对多关系定义与使用、关联预加载、查询构建器优化以及复杂查询封装方法。同时结合实际业务场景,讲解如何避免 N+1 查询问题、提升数据库访问效率,帮助开发者编写高性能的数据访问层代码。

1

2026.03.20

ThinkPHP API接口开发与前后端分离实战
ThinkPHP API接口开发与前后端分离实战

本专题围绕ThinkPHP在前后端分离项目中的 API 开发展开,系统讲解 RESTful 接口设计规范、统一返回结构、参数验证与异常处理机制。内容涵盖 Token 鉴权、跨域处理、接口版本管理以及接口文档生成方案。通过完整项目案例,帮助开发者构建规范、高效、易维护的后端接口服务体系。

5

2026.03.20

ThinkPHP6后台管理系统开发与RBAC权限控制实践
ThinkPHP6后台管理系统开发与RBAC权限控制实践

本专题围绕 ThinkPHP6 在后台管理系统开发中的应用展开,重点讲解基于 RBAC 模型的权限控制实现方案。内容涵盖管理员角色设计、菜单权限分配、接口鉴权、中间件拦截机制以及后台模块化开发思路。同时结合实际案例,讲解如何构建完整的后台管理系统,包括用户管理、权限管理与操作日志记录,帮助开发者搭建安全、可扩展的企业级后台系统。

3

2026.03.20

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
go语言零基础开发内容管理系统
go语言零基础开发内容管理系统

共34课时 | 2.7万人学习

第二十三期_前端开发
第二十三期_前端开发

共98课时 | 8.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号