SuperAPI AI 工具集

slidev

前端与建站

查看项目

更新于 10-15 18:31

技能介绍

用途:Slidev 是基于 Vite、Vue 与 Markdown 的网页幻灯片制作工具,适合技术演讲、含实时代码示例的演示、开发者讲座与工作坊等场景。

主要能力:支持语法高亮代码片段与动画、交互式演示(如 Monaco 编辑器、可运行代码)、LaTeX 数学公式、Mermaid 与 PlantUML 图表;可用演讲者备注录制演示;支持导出 PDF、PPTX、PNG,或构建为静态 SPA 托管。还提供代码行高亮、代码标签页、代码动画、TypeScript 类型、导入代码片段,以及布局、画布尺寸、缩放、全局层、图标、点击动画、绘图模式、计时器、远程控制、录制、SEO/OG 元数据等功能,并附带内置布局(cover、center、default、two-cols、image、iframe、quote、section 等)。

使用方式:用命令 pnpm create slidev 创建项目,pnpm run dev 启动开发服务器(默认 http://localhost:3030),pnpm run build 构建静态 SPA,pnpm run export 导出 PDF。验证:运行 dev 后确认幻灯片可在 http://localhost:3030 加载;运行 export 后检查项目根目录生成 PDF。基本语法:以 --- 分隔幻灯片,首个 frontmatter 为 headmatter(整份演示配置),HTML 注释为演讲者备注。导出前提:PDF/PPTX/PNG 导出需先安装 pnpm add -D playwright-chromium,若导出报浏览器错误请先安装该依赖。

限制:资料未提供收费、价格或适用平台的明确说明。