slidev

Comprehensive guide for Slidev - a web-based presentation framework for developers. Covers Markdown syntax, layouts, components, animations, theming, and exporting. Use this skill when creating or working with developer presentations using Slidev.

1. Zainstaluj Slidev, uruchamiając w terminalu komendę pnpm create slidev (lub npm init slidev, yarn create slidev, bun create slidev w zależności od menedżera pakietów). Alternatywnie możesz spróbować online na https://sli.dev/new bez instalacji.

2. Otwórz plik slides.md w swoim edytorze i zacznij pisać slajdy w Markdown. Rozdzielaj slajdy trzema myślnikami (---) otoczonymi pustymi liniami. Na początku pliku dodaj blok YAML z konfiguracją (temat, tytuł, tło, highlighter kodu).

3. Uruchom serwer deweloperski komendą slidev lub slidev slides.md, aby zobaczyć podgląd prezentacji w przeglądarce. Zmiany w Markdown będą się odświeżać automatycznie.

4. Dodawaj interaktywne komponenty Vue, animacje i niestandardowe layouty bezpośrednio w plikach Markdown. Slidev obsługuje bloki kodu z podświetlaniem składni i integrację z Vue.

5. Gdy skończysz, eksportuj prezentację komendą slidev export (domyślnie PDF), slidev export --format pptx (PowerPoint) lub slidev export --format png (obrazy). Możesz też zbudować wersję produkcyjną komendą slidev build.

6. Użyj komendy slidev format, aby automatycznie sformatować i wyczyścić pliki Markdown zgodnie ze standardami Slidev.