¿Qué hace slidev?
Crea y presenta presentaciones web para desarrolladores usando Slidev con Markdown, componentes Vue, resaltado de código, animaciones y funciones interactivas. Úsalo para construir presentaciones técnicas, charlas en conferencias, tutoriales de código, materiales didácticos o decks para desarrolladores.
Características principales
- Markdown nativo: Escribe diapositivas usando Markdown simple, con soporte para tablas, listas, fórmulas LaTeX y más.
- Componentes Vue: Integra componentes Vue interactivos para demos en vivo, gráficos dinámicos, mapas, etc.
- Resaltado de código: Resaltado automático de sintaxis con soporte para la mayoría de lenguajes de programación.
- Animaciones: Transiciones y animaciones integradas (como
fade,slide,zoom) para mantener la audiencia comprometida. - Temas intercambiables: Selecciona entre múltiples temas listos para usar o crea el tuyo propio.
- Presentación en vivo: Navega fácilmente entre diapositivas, graba presentaciones y exporta a PDF o imagen.
- Soporte para múltiples formatos: Exporta a PDF, PNG o incluso como una aplicación web estática para compartir.
Instalación y uso rápido
Puedes comenzar rápidamente usando npm o yarn:
npm init slidev@latest
O crear un proyecto manualmente:
mkdir mi-presentacion
cd mi-presentacion
npm init slidev
Luego, edita el archivo slides.md con tu contenido.
Ejemplo de diapositiva
---
# Bienvenido a Slidev
Este es un ejemplo de diapositiva creada con Markdown.
- Punto 1
- Punto 2
## Temas populares
- `slidev-theme-default`: Tema por defecto limpio y moderno.
- `slidev-theme-seriph`: Tema elegante para presentaciones más formales.
- `slidev-theme-unicorn`: Tema colorido y divertido.
## Recursos
- [Documentación oficial](https://sli.dev)
- [Galería de temas](https://sli.dev/themes/gallery)
- [Ejemplos y demostraciones](https://sli.dev/demo)
## Contribuciones
Las contribuciones son bienvenidas. Por favor, consulta las guías de contribución en el repositorio oficial.