Modifiez votre premier schéma
Flux d'édition en direct
Cette page suppose que vous avez déjà exécuté serve et que l'aperçu en direct est ouvert à l'adresse http://localhost:3030.
-
Entrez dans le mode d'édition du schéma :
CodeÉditeur requis
Le mode d'édition du schéma ouvre votre éditeur. Assurez-vous que la variable
EDITORouVISUALest configurée :- Linux/macOS : Ajoutez
export EDITOR=nanoà~/.bashrc,~/.zshrcou~/.profile, puis redémarrez votre terminal ou exécutezsource ~/.bashrc. - Windows (PowerShell) : Exécutez
$env:EDITOR = "notepad"pour la session en cours, ou ajoutez-le à votre profil PowerShell ($PROFILE). - Windows (CMD) : Utilisez
set EDITOR=notepadpour la session, ou configurez-le de façon permanente via Propriétés système → Variables d'environnement.
Pour utiliser VS Code, définissez
EDITORsurcode --wait, et noncode. Sans--wait, la CLI continue avant que vous n'enregistriez et vos modifications sont perdues. Les autres éditeurs graphiques nécessitent la même option (par exemple,subl -w,zed --wait). - Linux/macOS : Ajoutez
-
Prévisualisez le schéma du formulaire :
Code -
Ajoutez un NumericField après un champ de votre choix, en utilisant le numéro de ligne affiché au début de chaque ligne (par exemple,
2dans2 | TextField ...) dans l'aperçu du schéma :CodeLa CLI ouvrira un modèle JSON dans votre éditeur. Gardez les valeurs par défaut et modifiez quelques champs, par exemple :
Code -
Ajoutez un CalculatedField après le champ
quantityque vous venez de créer :CodeModifiez le style d'affichage et l'expression de calcul :
Code -
Enregistrez et fermez votre éditeur.
Le schéma est sauvegardé et validé automatiquement. Les éventuels avertissements s'afficheront dans la CLI.
-
Vérifiez l'aperçu en direct.
Vos nouveaux champs devraient apparaître immédiatement dans le navigateur.
-
Quittez le mode d'édition du schéma :
CodeEt arrêtez le serveur de développement :
Code