SuperAPI AI 工具集

slidev-quick-start

通用与其它

查看项目

更新于 10-15 22:10

技能介绍

用途:帮助开发者快速上手 Slidev 演示框架,从零创建演示文稿、首次配置 Slidev、理解基础概念、将已有演示转换为 Slidev,或快速搭建演示结构。

前置条件:Node.js 18.0 或更高版本;npm、pnpm 或 yarn 包管理器;推荐使用带 Slidev 扩展的 VS Code。

创建项目:推荐使用交互式命令 npm init slidev@latest,它会询问项目名、创建目录、安装依赖并启动开发服务器。也可手动创建目录、执行 npm init -y、安装 @slidev/cli 与 @slidev/theme-default,并新建 slides.md,在 package.json 中加入 dev、build、export 脚本。

运行:执行 npm run dev 或 npx slidev,演示默认在 http://localhost:3030 提供。常用快捷键包括空格/右箭头下一页、左箭头上一页、上下箭头跳转、o 概览、d 深色模式、f 全屏、g 跳转、Esc 退出。

语法要点:用前后带空行的 --- 分隔幻灯片;首页 frontmatter 配置整个演示(主题、标题、颜色模式、背景、过渡、导出文件名等);每页可用 layout 指定布局(如 cover、two-cols、center);支持代码块、演讲者注释(HTML 注释)等。

最佳实践:从简单 Markdown 起步逐步加功能,每页一个要点,善用布局,将 slides.md 纳入版本控制,提前测试导出。常见错误包括分隔符缺少空行、frontmatter 冒号后缺空格。

限制:资料未提供收费、价格、平台支持范围及具体效果等信息。