Installer
Leçon 1 sur 3.
Avant de commencer
Il vous faut Node.jsL'environnement JavaScript sur lequel tourne DocPensieve — version 22 ou plus récente. et un terminal. Rien d'autre : le thème est livré avec l'outil.
À vous
npx docpensieve init mon-cours
La commande pose quelques questions, puis écrit le projet.
| Elle demande | Pourquoi ça compte |
|---|---|
| Un nom | Affiché dans l'en-tête et dans l'onglet |
| Une adresse publique | Alimente le plan du site et les aperçus de partage ; peut attendre |
| Une première version | Nomme le dossier où vivront vos pages — docs/v1.0 |
| Un thème | tailwind pour écrire des utilitaires, custom pour vos propres classes |
| La documentation | Installe la documentation de l'outil dans votre site, ou non |
Ce qu'il écrit
mon-cours
- docpensieve.config.mjs — tous les réglages du site
docs
v1.0
- index.md — la page d'accueil
- 01-guide — une première section, avec une page d'exemple
- 99-docpensieve — la documentation de l'outil, à supprimer ensuite
- .gitignore — garde dist/ et node_modules/ hors du dépôt
Un fichier de configuration, un dossier de documentation et une première page — prêts à générer.
Aucun framework à ajouter, aucun outil de build à configurer, aucun serveur à faire tourner en production.
Ouvrez la configuration
C'est le fichier sur lequel vous reviendrez à chaque module de ce cours. Tous les réglages y sont écrits, la plupart en commentaire — c'est un menu autant qu'une configuration :
/** @type {import('@docpensieve/core').DocPensieveConfig} */
export default {
// Nom affiché dans l'en-tête, dans les titres de page et dans les données
// structurées.
projectName: 'My documentation',
// Adresse publique du site. Elle alimente les liens canoniques et les
// données structurées, et son chemin donne le préfixe de déploiement.
// siteUrl: 'https://example.com/my-project',
versions: [
{
slug: 'v1.0', // segment d'adresse, et nom de la branche de la version
name: '1.0', // libellé dans le sélecteur de version
folder: 'docs/v1.0',
current: true,
},
],
};
Le commentaire en tête du fichier n'est pas décoratif : c'est lui qui donne à votre éditeur le nom et la forme de chaque champ, si bien qu'une faute de frappe se voit pendant que vous tapez plutôt qu'à la génération suivante.
Vérifiez par vous-même
Quel fichier porte les réglages du projet ?
docpensieve.config.mjs, à la racine du projet.
Vous avez lancé init dans une chaîne d'intégration et il a créé un site que vous n'avez pas choisi. Pourquoi ?
Il n'y avait pas de terminal pour recueillir les réponses : il a donc pris les
valeurs par défaut. Passez les options sur la ligne de commande — ou --yes —
quand c'est voulu.
Cette leçon emploie Skill, Tooltip, Tree, Admonition, Columns et Card — le guide d'installation reprend les options une à une.
DocPensieve