AI 提示词 + VSCode Marp,让你像写代码一样快速制作技术分享 PPT

AI写PPT

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

对于开发者和技术专家来说,制作 PPT 往往比写 Bug 还痛苦。对齐组件、调整字号、寻找模版……这些繁琐的操作打断了逻辑思维。

今天分享一套程序员专属的 PPT 生产方案:通过 AI 提示词 (Prompt) 深度生成内容,配合 VSCode Marp 实现自动排版。


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

  • 传统 PPT 的痛点:陷入 UI 细节的黑洞,耗费 80% 的时间在非内容生产上。
  • Marp 的优势
    • 内容即排版:像写 README 维护技术文档一样顺滑。
    • 原生支持代码块:Markdown 渲染的代码高亮,比截图 PPT 更有质感。
    • Git 友好:PPT 变更可以提交 PR,实现真正的演示文稿版本控制。

二、 环境搭建(3 分钟极简配置)

  1. 核心工具:安装 VSCode
  2. 必装扩展:在插件市场搜索并安装 Marp for VS Code
  3. 激活标志:新建 tech-share.md,文件顶部必须包含 marp: true(这是开启魔法的钥匙):
    ---
    marp: true
    ---
    

三、 核心流程:AI 喂料 + 技术场景提示词(重头戏)

第一步:素材预处理 (Feeding)

整理一份包含技术架构图描述、核心代码片段、待解决的挑战或性能数据的原始 Markdown 文档。

第二步:精准 Prompt 调度(技术分享场景)

将素材发给 AI,并输入以下专用指令:

提示词模板:“请作为资深架构师,参考以上技术文档,为我生成关于 [具体技术主题] 的技术分享 PPT 大纲。 要求

  1. 直接以 Marp Markdown 格式输出;
  2. 每页之间使用 --- 分隔;
  3. 必须包含:标题页、架构图描述页、核心代码演示页(使用代码块)、Q&A 页;
  4. 使用 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 里插入编辑器。
  • 尺寸控制![w:600](url) 轻松搞定图片排版,不再乱拉变形。

六、 结语:效率即正义

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


📷 实践演示:VSCode 分屏预览

VSCode Marp Preview Example (注:左侧为 Markdown 源码,右侧为 Marp 实时渲染出的幻灯片效果)