# Slidev 互动课件

已安装并运行锁定的Slidev 53.0.0；素材是人工编写、实际渲染的教学工程，没有执行AI模型会话。

1. 核对问题与答案
阅读questions.json：运行率75%、满意率80%、采购日期待批准。练习只用这三题；AI可协助整理文案，但渲染器本身不是模型。
python3 verify.py

2. 安装锁定工程
在解压的slidev-project目录安装依赖。工程固定@slidev/cli 53.0.0；Node需满足当前官方要求。不要在现有业务仓库覆盖package.json。
cd slidev-project
npm install
npm run dev

3. 识别每页与点击步骤
打开slides.md，每个---分隔一页，答案放在<v-click>中。题干不加v-click；否则首次打开会空白。三题分别一页，避免一次点击揭晓所有题目。


4. 从题目状态开始演练
在浏览器打开/2，确认只显示第一题题干。按右键或空格一次显示75%，再按一次进入下一题；本页配图记录实际初始与揭晓状态。


5. 检查返回与刷新
按左键回到题目未揭晓状态，再前进，确认答案与题目一致。刷新/2时检查状态，不用静态PNG代替交互验收。


6. 构建可分发网页
运行build，打开构建页面检查字体、答案与导航。PDF/PPTX导出不能保留同样的互动；需要课堂互动时分发网页与源工程。
npm run build

7. 保存真实截图与版本
保留题目状态、答案状态和概览截图。素材包包含人工源工程与实际渲染截图；如果让AI改了题目，应重新运行verify.py并人工核对答案。


官方来源：https://sli.dev/guide/animations