Slidev: crear diapositivas para desarrolladores con el andamiaje oficial

Para quién

Esta skill encaja cuando quieres una presentación para desarrolladores y quieres que el andamiaje oficial arranque en local un proyecto de diapositivas de inmediato. Se posiciona como diapositivas de presentación para desarrolladores. La ruta local oficial es solo una: primero cumplir Node.js >= 20.12.0 y luego ejecutar npm init slidev. Los materiales también tienen una entrada en línea y notas de editor, pero no las pongas junto a la inicialización local como rutas principales intercambiables. Si tu Node está por debajo de 20.12.0, o no piensas generar un proyecto en esta máquina, no ejecutes init todavía.

Sirve a quien ya puede ejecutar Node y solo necesita un proyecto de diapositivas previsualizable. No sirve a quien aún no llega a la versión exigida y quiere cambiar tema o extensión primero. En el lado del editor, los materiales mencionan un editor integrado o una extensión de VSCode; esa es la superficie de edición, no un segundo instalador. Puedes inicializar sin esquema de charla, pero no esperes que el andamiaje escriba el guion completo.

Primer intento en 3 minutos

Usa solo este comando oficial de instalación:

npm init slidev

Requisitos previos: confirma primero Node.js >= 20.12.0. La página para obtener Node es

https://nodejs.org/

Esta ronda solo inicializa un proyecto nuevo. No lo publiques. No conectes una entrada en línea que no esté escrita como ruta principal.

La ubicación de instalación es el directorio local que creará npm init. Antes de ejecutar, haz que el asistente repita el directorio destino y la versión de Node; ejecuta solo tras confirmar, porque esto escribe en disco.

Señal de éxito: aparece en local un proyecto de diapositivas nuevo y puedes abrir la vista previa siguiendo las indicaciones del propio andamiaje. Si el comando falla, comprueba primero la versión de Node; no cambies a una creación en línea que no es la ruta principal. Los materiales no escriben un nombre de tema por defecto ni pasos de exportación a PDF. Si init pide un nombre de proyecto, usa un directorio vacío para no sobrescribir archivos existentes.

Casos de uso

Caso 1: crear en local una presentación para desarrolladores. Tras confirmar la versión de Node, ejecuta la inicialización oficial, genera solo un proyecto y ábrelo para ver si aparece la portada. La evidencia cubre npm init slidev, pero no da ítems de preguntas ni una lista de plantillas. Más allá, detente en «puede inicializar y abrir». Inicializa solo un directorio a la vez.

Caso 2: editar diapositivas con el editor integrado o la extensión de VSCode. Cuando el proyecto esté en pie, cambia una página en la superficie de edición que nombran los materiales. La evidencia cubre integrated editor y VSCode extension, pero no escribe un identificador de mercado de extensiones ni atajos. No leas la instalación del editor como otro andamiaje de proyecto. Antes de cambiar una página, confirma que estás tocando el proyecto que acabas de inicializar. Primero cambia un título o una nota, confirma que la vista previa sigue el cambio y luego considera más páginas.

Límites

La ruta local principal es solo npm init slidev y exige Node.js >= 20.12.0. Los materiales también muestran la dirección en línea

https://sli.dev/new

Esa no es la ruta principal recomendada esta vez; no la pongas junto a npm init. Los documentos del editor apuntan a

https://sli.dev/guide/index#editor

https://sli.dev/features/vscode-extension

Solo describen la superficie de edición. El primer intento se detiene en inicialización y vista previa. No inventes un instalador no escrito ni repitas init antes de confirmar el directorio. Si la versión de Node no cumple, detente en el requisito de runtime; no bajes a un comando antiguo no escrito.