AI + VSCode Marp，像写代码一样写PPT

Fri, 13 Mar 2026 14:30:00 +0800

声明: 本报告由 AI 生成，基于公开资料整理，本文中的技术规格数据均要求AI经过两个以上权威来源交叉验证，但不可避免AI 可能产生幻觉，文中信息可能存在不准确之处，欢迎行业专家指正。作者将持续完善本文，力求提供最准确的技术信息。

反馈联系: ronanluo@qq.com

效率倍增：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）。
居中标题页：使用 ，让技术分享的第一页瞬间变专业。
数学公式：Marp 原生支持 MathJax，直接写 $ 公式即可，无需在 PPT 里插入编辑器。
尺寸控制：![w:600](url) 轻松搞定图片排版，不再乱拉变形。

六、结语：效率即正义

让 AI 充当架构师（出逻辑与文案），让 Marp 充当前端（出排版与渲染），而你，只负责把握技术分享的灵魂。

📷 实践演示：VSCode 分屏预览

(注：左侧为 Markdown 源码，右侧为 Marp 实时渲染出的幻灯片效果)

效率 on 罗辉昌的个人空间

AI + VSCode Marp，像写代码一样写PPT

效率倍增：AI 提示词 + VSCode Marp，让你像写代码一样快速制作技术分享 PPT

一、 为什么技术人应该“写”PPT 而不是“画”PPT

二、 环境搭建（3 分钟极简配置）

三、 核心流程：AI 喂料 + 技术场景提示词（重头戏）