返回

markdown插件美化你的vscode

闲谈

一、安装

  • 打开vscode扩展商店,搜索Markdown Preview Enhanced,点击安装即可。
  • 或者点击链接Markdown Preview Enhanced进入插件商店页面,点击install安装。

二、配置

  • 安装完成后,打开vscode设置,搜索markdown,可以找到相关配置选项。
  • Markdown: Preview Style设置为Side by Side,这样可以将编辑器和预览窗口并排显示,更方便编辑和预览。
  • Markdown: Enable PlantUML Integration设置为true,这样可以支持plantUML图表。
  • Markdown: Enable Mermaid Integration设置为true,这样可以支持mermaid图表。

三、使用

  • 打开一个markdown文件,在编辑器中输入内容。
  • 点击工具栏中的Preview按钮,即可在右侧预览窗口中看到渲染后的效果。
  • 在预览窗口中,可以点击Toggle Side by Side按钮,切换到并排显示模式。
  • 在预览窗口中,还可以点击Open in Browser按钮,在浏览器中打开预览页面。

四、功能介绍

  • 支持数学公式:可以使用LaTeX语法编写数学公式,插件会自动渲染成好看的数学公式。
  • 支持表格创建:可以使用markdown语法创建表格,插件会自动渲染成美观的表格。
  • 支持代码块:可以使用markdown语法创建代码块,插件会自动根据代码块的语言进行语法高亮。
  • 支持图片插入:可以使用markdown语法插入图片,插件会自动调整图片大小,使其适合预览窗口。
  • 支持LaTeX代码块:可以使用markdown语法创建LaTeX代码块,插件会自动渲染成好看的LaTeX代码块。
  • 支持文本块:可以使用markdown语法创建文本块,插件会自动调整文本块的大小,使其适合预览窗口。
  • 支持mermaid图表:可以使用mermaid语法创建mermaid图表,插件会自动渲染成好看的mermaid图表。
  • 支持plantUML图表:可以使用plantUML语法创建plantUML图表,插件会自动渲染成好看的plantUML图表。