该技能用于理解 Slidev 项目的完整结构,包括配置文件、目录约定与自定义选项。适用场景:搭建复杂 Slidev 项目、添加自定义组件或布局、配置主题与插件、确定资源与样式放置位置、排查项目结构问题。
标准结构以 slides.md 为演示主文件,package.json 管理依赖;components/ 放自动导入的自定义 Vue 组件,layouts/ 放自定义布局,pages/ 放可被 src 引入的额外幻灯片文件,public/ 提供根路径静态资源,styles/ 放全局样式,setup/ 含 main.ts、shiki.ts、monaco.ts 等配置脚本,snippets/ 放外部代码片段,.slidev/ 为生成文件目录(含 drawings/,应加入 .gitignore),另有 vite.config.ts、uno.config.ts 及可选的 netlify.toml。
主要能力:首个幻灯片的 headmatter 可配置主题、插件、标题、色彩模式、宽高比、代码高亮(shiki/monaco)、行号、绘图、过渡、导出文件名与下载等;package.json 常用脚本为 "dev": "slidev --open"、"build": "slidev build"、"export": "slidev export"。可通过 theme 与 themeConfig 使用主题,并用 slidev theme eject 将主题源码复制到项目中定制。多文件演示通过 --- src: ./pages/intro.md --- 引入,并可与 frontmatter 合并覆盖。建议保持 slides.md 聚焦、统一用 public/images/ 存放图片、复用组件、版本控制中排除 .slidev/ 与 dist/。
限制:资料未提供具体价格、平台支持范围或效果数据。