---
theme: default
title: Quick Start
layout: cover
---

# Quick Start

Slidev in 3 minutes

<div class="abs-br m-6">
  <a href="https://github.com/slidevjs/slidev" target="_blank" class="text-sm opacity-50 !border-none">
    GitHub
  </a>
</div>

---

# What is Slidev?

A presentation tool for developers

<v-clicks>

- **Markdown-based** — focus on content, not formatting
- **Developer-friendly** — code highlighting, Monaco editor, terminal
- **Beautiful** — themes, animations, transitions
- **Extensible** — Vue components, UnoCSS, MDC syntax

</v-clicks>

---

# Getting Started

::left::

### Create

```bash
pnpm create slidev
```

### Develop

```bash
pnpm run dev
```

### Build

```bash
pnpm run build
```

::right::

<v-click>

### Project Structure

```
my-slides/
├── slides.md      # Entry
├── pages/         # Extra slides
├── public/        # Assets
└── components/    # Vue components
```

</v-click>

---

# Write Slides

```md
---
theme: default
---

# My Slide

Content here with **Markdown**.

---

# Next Slide

Use `---` to separate slides.
```

<v-clicks>

- First block is headmatter (deck config)
- `---` separates slides
- `<!-- -->` for presenter notes

</v-clicks>

---
layout: center
---

# Try It Now

```bash
pnpm run dev
```

Open http://localhost:3030