Skip to content

VS Code 插件 ​

这款插件让你可以直接在 VS Code 中使用 Scholarly 的模板、布局、组件、引用、主题设置和项目检查。侧边栏按照创建、制作、定制和检查的顺序组织。

插件会跟随 VS Code 的显示语言,提供英文和简体中文界面。本页使用中文命令名称,截图展示英文界面;可在命令面板中搜索 Slidev Scholarly 查找对应操作。

安装 ​

从 VS Code Marketplace 安装 Slidev Scholarly,需要 VS Code 1.106.0 或更新版本。预览和导出还需要在演示项目中安装 Slidev 和主题,详见快速开始。

打开插件 ​

  1. 打开一个 Markdown 文件。
  2. 打开右侧的 Secondary Side Bar。
  3. 选择 Slidev Scholarly。

侧边栏按任务排列:

阶段视图作用
开始开始 · 模板从模板创建演示
制作制作 · 布局插入整张幻灯片的结构
制作制作 · 组件插入定理、指标、证据等内容
制作制作 · 引用与锚点插入 BibTeX key、论文摘要和内部链接
定制定制 · 主题设置预设、颜色、字体和明暗模式
参考参考 · CLI 操作运行 CLI 任务、项目检查和帮助
VS Code 中的 Slidev Scholarly 侧边栏,包含模板、布局、组件、引用和主题设置
将侧边栏放在 Markdown 编辑器旁,按顺序从上往下操作。

1. 创建演示 ​

在开始 · 模板中选择模板,插件会调用 CLI 创建完整项目。输入新文件夹或空文件夹的名称,再打开该目录,安装依赖并启动预览:

bash
pnpm install
pnpm run dev

命令面板中的 Slidev Scholarly: 新建演示 则只创建起步 Markdown 文件:有工作区时写入工作区,没有工作区时打开未命名文档。预览前需要将该文件放入 Slidev 项目。

用 Deck Builder 搭好大纲 ​

运行 Slidev Scholarly: 打开 Deck Builder,按以下步骤操作:

  1. 选择一种工作流,例如论文汇报或答辩。
  2. 查看每张幻灯片的布局缩略图,再补充或调整顺序。
  3. 选中幻灯片,填写这一页的内容。

大纲完成后,可以生成一份未命名的 Markdown 文档,也可以把当前页追加到已打开 Markdown 文件的末尾,保留原有全局配置和页面。后续编辑和实时预览仍在 Slidev 中完成。

含引用的工作流还需要在保存的 Markdown 旁提供 references.bib。生成大纲后,点击通知中的创建完整模板项目,初始化包含引用文件的模板,再将当前大纲保存到该项目中。关闭通知不会更改大纲;创建项目会拒绝覆盖非空文件夹。

切换布局会保留该页各布局的草稿,生成时只使用当前布局。编辑区较窄时,按需展开工作流、布局库或大纲。可以用方向键选择工作流,再按 Tab 进入后续控件。

Slidev Scholarly Deck Builder,依次显示工作流、幻灯片大纲和当前布局的内容输入区
先选工作流并看懂布局,再填写初稿。

2. 制作幻灯片 ​

插入布局和组件 ​

从侧边栏选择布局或组件。点击项目会在光标处插入 Markdown;点击眼睛图标可以先看预览。插入整页片段时,应将光标放在页面边界,并检查前后的 --- 分隔符。

三类内容的分工如下:

  • 布局安排整张幻灯片;
  • 组件加入定理、指标和证据;
  • 引用管理 BibTeX 文献和注脚。

输入时补全 ​

触发内容补全结果
layout:布局名称
colorTheme:、fontTheme:主题值
contentMode:、chromeMode:、sectionMode:浅色和深色模式
<Scholarly 组件
:::Markdown 指令
](#、href="#、to="#内部锚点
ss-、scholarly-内置代码片段

如果补全没有自动出现,按 Ctrl+Space。

插入引用和锚点 ​

制作 · 引用与锚点 会列出当前文档中的 BibTeX 条目和内部锚点。

常用命令:

  • Slidev Scholarly: 插入引用
  • Slidev Scholarly: 插入内部锚点
  • Slidev Scholarly: 插入内部锚点引用
  • Slidev Scholarly: 插入论文概览

使用代码片段 ​

输入前缀后按 Tab:

前缀插入内容
ss-cover封面
ss-section章节页
ss-figure带说明的图片
ss-theorem定理组件
ss-results结果布局
ss-citeBibTeX 引用
ss-anchor内部锚点
ss-frontmatterScholarly 文件头配置

完整列表在补全菜单和侧边栏中都能找到。旧的 scholarly-* 前缀仍然可用。

3. 定制演示 ​

定制 · 主题 包含四组设置:

  • 预设
  • 配色主题
  • 字体主题
  • 明暗模式

主题操作只会更新当前 Markdown 文件的 frontmatter,不会改写幻灯片内容。

VS Code 中打开的 Slidev Scholarly 颜色主题选择器
在侧边栏或命令面板里选好主题,插件会把设置写入 frontmatter。

4. 检查并获取帮助 ​

参考 · CLI 操作 按任务整理命令:

分组操作
开始创建演示或查看模板
制作查看布局和组件、添加片段或应用工作流
定制设置主题或查看预设
检查与帮助运行 doctor 或查看 CLI 帮助

引用诊断 ​

文档中出现 @citekey 或 !@citekey 时,插件会检查:

  • 是否缺少 bibFile 配置;
  • .bib 文件是否存在;
  • key 是否重复或无法解析;
  • 是否缺少 layout: references 参考文献页。

常见问题可以通过 Quick Fix 自动修复。

故障排除 ​

补全或代码片段没有出现 ​

  1. 确认插件已安装并启用。
  2. 打开一个 .md 文件。
  3. 按 Ctrl+Space。

侧边栏没有显示 ​

  1. 运行 View: Toggle Secondary Side Bar。
  2. 如果仍未出现,运行 View: Reset View Locations。

插件开发 ​

安装本地 VSIX
  1. 下载或构建 .vsix 文件。
  2. 按 Cmd+Shift+P 或 Ctrl+Shift+P 打开命令面板。
  3. 运行 Extensions: Install from VSIX...。
  4. 选择文件并重新加载 VS Code。
打开开发诊断

运行 Slidev Scholarly: 切换开发模式。开启后,状态栏会显示 Scholarly Dev,Slidev Scholarly 输出通道会记录操作耗时。

设置项:

  • slidevScholarly.devMode.enabled
  • slidevScholarly.devMode.slowThresholdMs(默认 25)

发现问题或希望增加功能,请在 GitHub 提交 issue。