使用VSCode编辑MarkDown文件（vditor 所见及所得）

推荐使用以下两款插件：

1.Markdown Editor - Visual Studio Marketplace

特性

• 所见即所得(WYSIWYG)
• 自动同步变化之间的vsc编辑器和webview
• 复制 markdown/html
• 上传/粘贴/拖放图像时将自动保存到 assets 文件夹
• Multi-theme支持
• 快捷键
• 即时渲染模式(推荐!) & Wysiwyg模式 & 分屏模式
• Markdown 扩展
• 多种图形支持包括 KaTeX / Mermaid / Graphviz / ECharts / abc.js(notation) / ...
• 更多的用法请参阅vditor

2.Office Viewer(Markdown Editor) - Visual Studio Marketplace

扩展名字叫做Office Viewer是因为一开始是为了增强VSCode的预览功能, 增加了Excel, svg, pdf等的支持, 后来才增加了markdown的编辑器

Markdown编辑器使用了Vditor, 相关说明

• 通过Ctrl+单击或者双击打开超链接
• 默认为白色, 如果想让背景色和VSCode主题一样, 可将以下设置加入到VSCode的设置中(会导致代码块的高亮丢失, 所以默认不启用)

{
    "vscode-office.autoTheme": true
}

需要临时使用VSCode内置编辑器, 可点击以下按钮

点击以下按钮可将Markdown导出为PDF, 需要机器上有安装Chrome或Edge浏览器

补充说明:

1. 开源的markdown编辑组件在功能上相比Typora较弱, 但现在已经满足我的需求, 扩展不会再频繁更新(如有需求建议自行fork修改).
2. 相比Typora的优点是集成了vscode, 可用git进行版本管理、打开多个文件, 在一个窗口同时打开多个文件.
3. 由于vscode每次加载webview都会进行缓存, 这个扩展每次会生成3M多, 建议定期进行清理, 打开缓存路径删除所有文件.
   • Windows: C:\Users[用户名]\AppData\Roaming\Code\Service Worker\CacheStorage
   • 其他: %appdata%\Roaming\Code\Service Worker\CacheStorage.

HTML

对Html编辑功能进行了增强, 编辑中按下ctrl+shift+v可实时预览.