VS Code 拓展
Slidev 的 VS Code 扩展提供了一些特性来帮助你更好的组织你的幻灯片并进行快速浏览。
特性
- 在侧边面板中预览幻灯片
- 幻灯片树形图
- 为幻灯片重新排序
- 幻灯片块的折叠
- 多幻灯片项目支持
- 一键启动开发服务器
安装
你可以从 VS Code Marketplace 或者 Open VSX Registry 中安装扩展
用法
单击活动栏中的 Slidev 图标打开Slidev面板。在Slidev面板中，你可以看到项目树形图、幻灯片树形图和预览 webview。
在项目树形图中，你可以看到工作区中的所有 Slidev 项目。你可以单击该项目以打开相应的文件，然后单击其上的 图标以切换当前项目。 图标允许你加载未自动扫描的幻灯片项目。
在幻灯片树形图中，你可以看到当前项目中的所有幻灯片。你可以单击该项目将光标移动到编辑器中的幻灯片上，然后拖放以重新排序幻灯片。
在webview预览中，你可以单击 图标启动开发服务器，然后单击 图标在浏览器中打开幻灯片。切换 图标以将预览导航与编辑器光标同步/取消同步。
你还可以使用一些命令。在命令面板中键入 Slidev 以查看它们。
你可以将 glob 模式添加 slidev.include 配置中，以将文件作为 Slidev 条目包含在内。默认值为[“**/*.md”]。例子：
json
{
"slidev.include": ["**/presentation.md"]
}