111 lines
1.3 KiB
Markdown
111 lines
1.3 KiB
Markdown
---
|
|
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
|