Obtenir l'application de démarrage

Nous fournissons une application Sandbox qui présente certaines des principales fonctionnalités de Jutro Design System.

Warning: L'application de démarrage est destinée uniquement à l'apprentissage ! Vous ne pourrez pas démarrer une application prête à la production avec cette application de démarrage. Vous pouvez essayer les fonctionnalités de base de Jutro et tester les workflows, mais l'application de démarrage est limitée dans ses fonctionnalités et est une version figée de Jutro.

Obtenir l'application Jutro Sandbox

Télécharger l'application Jutro Sandbox 10.13.2

Note: Bon à savoir

Une fois que vous avez suivi les étapes ci-dessous, la structure de votre dossier se rapproche du diagramme ci-dessous :

jutro-sandbox
└── jutro-sandbox-app
    ├── @digitalsdk
    │   └── ...
    ├── @jutro
    │   └── ...
    ├── html
    │   └── ...
    ├── i18n
    │   └── ...
    └── ...

1. Télécharger l'application Jutro Sandbox 10.13.2.

2. Décompressez-la dans un dossier appelé jutro-sandbox.

3. Ouvrez Visual Studio Code et, dans le menu Fichier, sélectionnez Ouvrir... > jutro-sandbox pour ouvrir l’application.

4. Dans VS Code, ouvrez un nouveau terminal (dans le menu Terminal , sélectionnez Nouveau terminal) et accédez au dossier jutro-sandbox/jutro-sandbox-app.

5. Si vous utilisez nvm, définissez Node.js pour utiliser la version requise par l’application.

   nvm use

6. Définissez le registre npm comme un registre standard :

   npm config set registry https://registry.npmjs.org/

7. Installez les dépendances requises :

   npm install

   Si l'installation échoue, assurez-vous de ne pas utiliser un VPN ou un pare-feu qui empêche le téléchargement des dépendances. Pour en savoir plus sur les options de dépannage, consultez la section Dépannage.

Démarrer l'application Sandbox

1. Dans VS Code, démarrez l'application Sandbox en exécutant cette commande dans votre terminal :

   npm start

L’application Sandbox s’ouvre à l'adresse http://localhost:3000 dans votre navigateur :

Résolution des problèmes

Fichiers binaires ARM incompatibles

Lorsque vous exécutez des commandes npm sur un ordinateur Mac équipé d'une puce M1, vous pouvez rencontrer une erreur dont les détails indiquent qu'il y a une « architecture incompatible (have (x86_64), need (arm64e)) ».

Suivez les étapes suivantes pour résoudre ce problème :

1. Installez Node Version Manager (NVM) si vous ne l'avez pas déjà installé.
2. Vérifiez votre version de Node.js en exécutant la commande node -v dans votre terminal.
3. Vérifiez votre architecture Node.js en exécutant la commande node -p process.arch dans votre terminal. Cela devrait imprimer arm64.
4. Si vous utilisez zsh, exécutez la commande arch -x86_64 zsh dans le même terminal. Si vous fermez le terminal, l'arche reviendra à arm64.
5. Désinstallez votre version actuelle de Node.js à l'aide de la commande nvm uninstall, puis installez la version 22.6.0 en exécutant la commande nvm install v22.6.0.
6. Supprimez le répertoire node_modules de votre projet.
7. Exécutez npm install.