有了这些 VS Code 的 Markdown 工具,还要啥自行车~

内容分享2个月前发布
0 1 0

Visual Studio Code(简称VSCode)是一个由微软开发的免费、开源的代码编辑器。

VSCode 发布于 2015 年,而且很快就成为开发者社区中广受欢迎的开发工具。

VSCode 可用于 Windows、macOS 和 Linux 等操作系统。

VSCode 拥有一个庞大的扩展市场,用户可以根据自己的需要安装各种扩展来增强编辑器的功能,包括语言支持、代码格式化工具、版本控制集成、主题和图标等。

我们可以在 VSCode 上轻松查找并安装扩展:

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

Markdown 是一种极为高效的标记语言,其简洁明了的语法设计使得文档编写变得轻松且高效。

对于我们开发人员来说,Markdown 学习成本比较低,一旦熟悉了 Markdown 的基本规则,无论是技术文档的撰写还是内容创作,能够高效的完成。

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

而 VS Code 凭借其轻量级的特性、强劲的功能、高度的可定制性、丰富的插件生态系统、跨平台支持以及开源和免费的优势,成功地吸引了大量开发者,成为当前最受欢迎的代码编辑器之一,之前 stackoverflow 就做过调查:

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

VS Code 本身的扩展生态也超级丰富,自然少不了对 Markdown 的支持:

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

VS Code 教程:
https://www.runoob.com/vscode/vscode-tutorial.html

Markdown 教程:
https://www.runoob.com/markdown/md-tutorial.html


1、Markdown Preview Enhanced

Markdown Preview Enhanced 是一款功能强劲的 VSCode 扩展,主要用于增强 Markdown 文件的预览体验。

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

Markdown Preview Enhanced 支持实时预览 Markdown 内容,并且能够渲染数学公式(如 LaTeX)、绘制流程图和序列图(支持 Mermaid 和 PlantUML)。

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

数学默认下的分隔符:

  • $…$ 或者 (…) 中的数学表达式将会在行内显示。
  • $$…$$ 或者 […] 或者 “`math 中的数学表达式将会在块内显示。

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

Markdown Preview Enhanced 还支持代码块高亮、文件导入(如图片和代码文件)以及多种导出格式(如 HTML、PDF 和 Word)。

鼠标点击右键显示如下菜单:

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

扩展搜索关键词:Markdown Preview Enhance

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

插件链接地址:
https://marketplace.visualstudio.com/items?itemName=
shd101wyy.markdown-preview-enhanced

Github 地址:
https://github.com/shd101wyy/markdown-preview-enhanced

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

2、Markdown All in One

Markdown All in One 是一款实用的 VSCode Markdown 编辑扩展,专注于提升写作效率。

Markdown All in One 通过快捷键操作(如加粗、斜体、插入链接等)简化了 Markdown 的编辑流程,同时支持实时预览功能,方便用户即时查看文档效果。

Markdown All in One 还具备自动生成目录、渲染数学公式、优化列表和

表格编辑等功能,支持将文档导出为 HTML 和 PDF 格式。

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

扩展搜索关键词:Markdown All in One

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

插件链接地址:
https://marketplace.visualstudio.com/items?itemName=
yzhang.markdown-all-in-one

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

列表编辑演示:

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

3、markdownlint

Markdownlint 是一款用于规范 Markdown 文档格式和风格的工具。

Markdownlint 能够实时检查 Markdown 文件中的语法错误和风格问题,确保文档符合 CommonMark 规范和自定义规则。

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

扩展搜索关键词:Markdownlint

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

插件链接地址:
https://marketplace.visualstudio.com/items?itemName=
DavidAnson.vscode-markdownlint

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

4、Markdown PDF

VSCode Markdown PDF 扩展是一款实用的工具,能够将 Markdown 文件一键转换为 PDF、 html, png 或 jpeg 文件

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

VSCode Markdown PDF 支持 Markdown 的各种语法,包括数学公式、表格等复杂内容,并且可以自定义样式。

扩展搜索关键词:Markdown PDF

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

插件链接地址:
https://marketplace.visualstudio.com/items?itemName=yzane.markdown-pdf

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

5、Markdown Preview Mermaid Support

Markdown Preview Mermaid Support 扩展能够将 Mermaid 语法编写的图表代码渲染为可视化图表,支持流程图、序列图、甘特图等多种图表类型。

Markdown Preview Mermaid Support 允许用户在 Markdown 文件中直接嵌入 Mermaid 代码块,通过简单的语法描述生成图表。

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

扩展搜索关键词:Markdown Preview Mermaid Support

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

插件链接地址:
https://marketplace.visualstudio.com/items?itemName=bierner.markdown-mermaid

有了这些 VS Code 的 Markdown 工具,还要啥自行车~

© 版权声明

相关文章

1 条评论

  • 头像
    阿呆与瓜 投稿者

    收藏了,感谢分享

    无记录
    回复