Presentation slides for developers 🧑‍💻👩‍💻👨‍💻

Slidev 是一个面向开发者的现代化幻灯片制作工具，致力于为技术演示提供高度的灵活性与交互性。它让开发者可以使用熟悉的技术栈，轻松构建更具表现力、更有趣、更吸引人的演示内容。

同时，Slidev 也是一个拥有活跃社区的开源项目，持续迭代、生态丰富。

Slidev 的幻灯片以 Markdown 作为主要编写格式，帮助你：

• 专注于内容本身，而非排版细节

• 快速上手，降低演示制作成本

• 与现有文档、笔记、博客无缝衔接

在仓库根目录创建 .cnb.yml 文件，并添加如下内容：

$:
  vscode:
    - docker:
        # 自定义镜像作为开发环境
        image: docker.cnb.cool/hex/slidev-env:latest
      services:
        - vscode
        - docker
      stages:
        - name: install prettier-plugin-slidev
          script: npm i -D prettier prettier-plugin-slidev
        - name: ls
          script: ls -al

打开在线开发环境，使用以下命令创建你的 Slidev 项目：

pnpm create slidev

如需在 WEBIDE 中预览，请允许 cnb.run 域名作为可信域。

编辑 vite.config.ts 文件:

import { defineConfig } from 'vite'

export default defineConfig({
    server: {
        allowedHosts: ['.cnb.run']
    }
})

• 快速开始
• 案例展示

---

强劲动力源于 🍊 cnb.cool