Repolode
slidevjs

slidevjs/slidev

基于 Vue 和 Vite 的 Markdown 演示文稿工具,面向开发者,支持代码演示与presenter模式。

可替代:PowerPointKeynoteGoogle Slides

Star
49,154
Fork
2,238
未关闭 Issue
243
最近提交
前天

这是什么?

Slidev 是一个用 Markdown 编写演示文稿、并以网页应用形式呈现的工具。每页幻灯片可以嵌入 Vue 组件、带语法高亮和实时编码的代码块、LaTeX 公式以及 Mermaid 图表,适合讲解技术内容。

底层基于 Vite,开发时修改内容几乎可以即时刷新。演讲者模式可以在独立窗口或手机等其他设备上控制幻灯片;内置功能还包括在幻灯片上绘图标注、带摄像头画面的录制,以及集成编辑器和 VS Code 扩展。样式使用 UnoCSS 原子类,主题可以作为 npm 包分享。

完成的演示可导出为 PDF、PNG 或 PPTX。可以通过 StackBlitz 在线试用,也可以用 npm init slidev 在本地初始化,需要 Node.js 22.12.0 或更高版本。

核心功能

  • 01使用 Markdown 编写幻灯片,并可嵌入 Vue 组件
  • 02支持语法高亮的代码块和实时编码
  • 03内置 LaTeX 公式与 Mermaid 图表
  • 04演讲者模式可在独立窗口或手机上控制幻灯片
  • 05支持在幻灯片上绘图标注并带摄像头画面录制
  • 06可导出为 PDF、PNG 或 PPTX

适用场景

  • 准备带代码示例的技术分享或会议演讲
  • 用版本可控的 Markdown 编写团队技术分享材料
  • 制作嵌入实时 Vue 组件的交互式演示

快速上手

  1. 1

    安装 Node.js 22.12.0 或更高版本

  2. 2

    在本地初始化新的 Slidev 项目

    npm init slidev

使用前须知

  • 需要 Node.js 22.12.0 或更高版本。

标签

常见问题

slidev 是什么?
基于 Vue 和 Vite 的 Markdown 演示文稿工具,面向开发者,支持代码演示与presenter模式。 Slidev 是一个用 Markdown 编写演示文稿、并以网页应用形式呈现的工具。每页幻灯片可以嵌入 Vue 组件、带语法高亮和实时编码的代码块、LaTeX 公式以及 Mermaid 图表,适合讲解技术内容。
slidev 可以免费使用吗?用的什么许可证?
slidev 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
slidev 还在维护吗?
活跃维护中。slidev 最近一次提交是在 2026年10月18日。
slidev 适合用来做什么?
准备带代码示例的技术分享或会议演讲 用版本可控的 Markdown 编写团队技术分享材料 制作嵌入实时 Vue 组件的交互式演示
slidev 怎么安装和运行?
安装 Node.js 22.12.0 或更高版本 在本地初始化新的 Slidev 项目: npm init slidev
在哪里获取 slidev?
源代码和安装说明在 GitHub 上:https://github.com/slidevjs/slidev

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目