Slidev : créer des diapositives développeur avec l’échafaudage officiel

À qui cela s'adresse

Ce skill convient si vous voulez une présentation pour développeurs et que l’échafaudage officiel démarre tout de suite un projet de diapositives en local. Il se positionne comme des diapositives de présentation pour développeurs. Le chemin local officiel n’est qu’un : d’abord satisfaire Node.js >= 20.12.0, puis exécuter npm init slidev. Les matériaux ont aussi une entrée en ligne et des notes d’éditeur, mais ne les mettez pas à côté de l’init local comme chemins principaux interchangeables. Si votre Node est sous 20.12.0, ou si vous n’avez pas l’intention de générer un projet sur cette machine, n’exécutez pas encore l’init.

Il s’adresse à qui peut déjà exécuter Node et n’a besoin que d’un projet de diapositives prévisualisable. Il ne convient pas à qui n’a pas encore la version exigée et veut d’abord changer thème ou extension. Côté éditeur, les matériaux mentionnent un éditeur intégré ou une extension VSCode ; c’est la surface d’édition, pas un second installateur. Vous pouvez initialiser sans plan de talk, mais n’attendez pas que l’échafaudage rédige le script complet.

Premier essai en 3 minutes

N’utiliser que cette commande d’installation officielle :

npm init slidev

Prérequis : confirmer d’abord Node.js >= 20.12.0. La page d’obtention de Node est

https://nodejs.org/

Ce passage n’initialise qu’un nouveau projet. Ne pas publier. Ne pas brancher une entrée en ligne qui n’est pas écrite comme chemin principal.

L’emplacement d’installation est le répertoire local que npm init va créer. Avant d’exécuter, faites reformuler par l’assistant le répertoire cible et la version Node ; n’exécutez qu’après confirmation, car cela écrit sur le disque.

Signal de succès : un nouveau projet de diapositives apparaît en local, et vous pouvez ouvrir l’aperçu d’après les consignes de l’échafaudage. Si la commande échoue, vérifier d’abord la version Node ; ne pas passer à une création en ligne qui n’est pas le chemin principal. Les matériaux n’écrivent ni nom de thème par défaut ni étapes d’export PDF. Si l’init demande un nom de projet, utilisez un répertoire vide pour ne pas écraser des fichiers existants.

Cas d’usage

Cas 1 : créer localement un support développeur. Après confirmation de la version Node, exécuter l’init officiel, générer un seul projet et ouvrir pour voir si la page d’accueil apparaît. Les preuves couvrent npm init slidev, mais ne donnent ni questions ni liste de modèles. Au-delà, s’arrêter à « peut initialiser et ouvrir ». N’initialiser qu’un répertoire à la fois.

Cas 2 : modifier les diapositives avec l’éditeur intégré ou l’extension VSCode. Une fois le projet levé, changer une page dans la surface d’édition nommée par les matériaux. Les preuves couvrent integrated editor et VSCode extension, mais n’écrivent ni identifiant de place d’extensions ni raccourcis. Ne pas lire l’installation d’éditeur comme un autre échafaudage de projet. Avant de changer une page, confirmer que vous touchez le projet qui vient d’être initialisé. D’abord changer un titre ou une note, confirmer que l’aperçu suit, puis envisager d’autres pages.

Limites

Le chemin local principal n’est que npm init slidev, et il exige Node.js >= 20.12.0. Les matériaux montrent aussi l’adresse en ligne

https://sli.dev/new

Ce n’est pas le chemin principal recommandé cette fois ; ne pas le mettre à côté de npm init. Les docs éditeur pointent vers

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

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

Elles décrivent seulement la surface d’édition. Le premier essai s’arrête à l’init et à l’aperçu. Ne pas inventer un installateur non écrit, et ne pas répéter init avant confirmation du répertoire. Si la version Node n’atteint pas l’exigence, s’arrêter à l’exigence d’exécution ; ne pas rétrograder vers une ancienne commande non écrite.