效率倍增:AI 提示词 + VSCode Marp,让你像写代码一样快速制作技术分享 PPT
对于开发者和技术专家来说,制作 PPT 往往比写 Bug 还痛苦。对齐组件、调整字号、寻找模版……这些繁琐的操作打断了逻辑思维。
今天分享一套程序员专属的 PPT 生产方案:通过 AI 提示词 (Prompt) 深度生成内容,配合 VSCode Marp 实现自动排版。
一、 为什么技术人应该“写”PPT 而不是“画”PPT
- 传统 PPT 的痛点:陷入 UI 细节的黑洞,耗费 80% 的时间在非内容生产上。
- Marp 的优势:
- 内容即排版:像写 README 维护技术文档一样顺滑。
- 原生支持代码块:Markdown 渲染的代码高亮,比截图 PPT 更有质感。
- Git 友好:PPT 变更可以提交 PR,实现真正的演示文稿版本控制。
二、 环境搭建(3 分钟极简配置)
- 核心工具:安装 VSCode。
- 必装扩展:在插件市场搜索并安装
Marp for VS Code。 - 激活标志:新建
tech-share.md,文件顶部必须包含marp: true(这是开启魔法的钥匙):--- marp: true ---
三、 核心流程:AI 喂料 + 技术场景提示词(重头戏)
第一步:素材预处理 (Feeding)
整理一份包含技术架构图描述、核心代码片段、待解决的挑战或性能数据的原始 Markdown 文档。
第二步:精准 Prompt 调度(技术分享场景)
将素材发给 AI,并输入以下专用指令:
提示词模板:“请作为资深架构师,参考以上技术文档,为我生成关于 [具体技术主题] 的技术分享 PPT 大纲。 要求:
- 直接以 Marp Markdown 格式输出;
- 每页之间使用
---分隔;- 必须包含:标题页、架构图描述页、核心代码演示页(使用代码块)、Q&A 页;
- 使用
theme: gaia主题。”
第三步:迭代优化
你可以继续要求 AI:“请在第 5 页增加一个关于并发处理的 Mermaid 流程图代码”,或者“精简第 2 页的文字,改为 3 个核心点”。
四、 预览与导出(效率起飞)
1. 实时预览:Ctrl + Shift + V
按下快捷键,开启分屏模式:左侧编辑 Markdown 代码,右侧实时渲染 PPT 效果。这种反馈循环让调整速度提升数倍。
2. 一键导出 PPT(关键步骤)
- 点击编辑器上方或预览窗口的 Marp 图标(小圆圈图标)。
- 选择 “Export Slide Deck…”。
- 在保存类型中手动切换为 “PowerPoint document (.pptx)”。
- Tips:对于技术分享,导出 HTML 格式可以直接在浏览器演示,且支持代码复制,非常受听众欢迎。
五、 技术人常用语法速查
- 分页符:使用
---(每一页的分界线)。 - 代码高亮:直接使用标准的 Markdown 代码块语法(```lang)。
- 居中标题页:使用
<!-- _class: lead -->,让技术分享的第一页瞬间变专业。 - 数学公式:Marp 原生支持 MathJax,直接写
$公式即可,无需在 PPT 里插入编辑器。 - 尺寸控制:
轻松搞定图片排版,不再乱拉变形。
六、 结语:效率即正义
让 AI 充当架构师(出逻辑与文案),让 Marp 充当前端(出排版与渲染),而你,只负责把握技术分享的灵魂。
📷 实践演示:VSCode 分屏预览
(注:左侧为 Markdown 源码,右侧为 Marp 实时渲染出的幻灯片效果)