Skip to content

Slidev

sh
npm init slidev@latest

Directory Structure

.
└── slidev
    ├── components
    │   └── Counter.vue
    ├── .gitignore
    ├── netlify.toml
    ├── .npmrc
    ├── package-lock.json
    ├── pages
    │   └── imported-slides.md
    ├── README.md
    ├── slides.md
    ├── snippets
    │   └── external.ts
    └── vercel.json
sh
cd slidev && npx slidev --remote

Accesse Browser

http://localhost:3030

Page

---で、次のスライドへ移動可能。

---
# You can also start simply with 'default'
...
---

# ページ 1

---  ← ページ区切り

# ページ 2

Mermaid

mermaid
flowchart LR
  Start --> Stop