返回
markdown插件美化你的vscode
闲谈
2024-01-08 15:04:29
一、安装
- 打开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图表。