VSCode 预览插件组合备忘

整理 Live Preview、Markdown Preview Enhanced、Markdown All in One 这一套 VSCode 预览组合

VSCode 预览插件

这里整理几个在 VSCode 里比较常用的预览相关插件。

  • Live Preview: 在浏览器里实时预览 Markdown 和 HTML
  • Markdown Preview Enhanced: 增强 Markdown 预览,支持公式、Mermaid等
  • Markdown All in One: 增强 Markdown 编辑体验,支持列表、目录、快捷键等

1. Live Preview

Live Preview 适合在 VSCode 里快速起一个预览服务,通过ctrl+shift+p打开Vscode命令面板,输入Live Preview: Start Server进行启动 VSCode 命令面板里启动 Live Preview 服务 随后可以直接打开服务器上部署的网页地址,例如 浏览器里查看 Live Preview 页面效果

2. Markdown 相关插件

直接在Vscode 插件商店里搜索markdown安装 VSCode 插件商店里搜索 Markdown 相关插件

  • Markdown Preview Enhanced 加强 Markdown 预览,点击markdown文件的右上角可以预览,在预览界面可以刷新/显示标题大纲。 Markdown Preview Enhanced 的预览界面
  • Markdown All in One 有更强的“编辑体验”, 通过ctrl + shift + p调出Vscode控制面板, 搜索Markdown All in One 可以看到它提供的功能列表,比较实用的有:创建目录等,并且提供了快捷键:加粗、斜体、等功能的快捷键。 Markdown All in One 提供的命令列表

参考链接