Documentation / L’IDE
L’interface
Barre de titre, rails, chat, éditeur et panneau inférieur. L’essentiel du quotidien en vue ; le reste, à un clic.
L’interface de Yuli s’organise en trois zones et met en avant ce que vous utilisez au quotidien. Le reste est à un clic, avec un nom et une ligne qui indique à quoi il sert.
┌──────────────────────── Barre de titre ─────────────────────────┐
├──────────────────────── Onglets de projet ──────────────────────┤
│ Rail │ Projet │ Chat │ Éditeur │ Rail │
│ g. │ │ │ │ d. │
│ ├──────────┴───────────────┴──────────────────────┤ │
│ │ Panneau inférieur │ │
└──────────────────────── Barre d’état ───────────────────────────┘
| Zone | Contenu |
|---|---|
| À gauche : le projet | Les fichiers, Git et la configuration de l’agent. |
| Au centre : la conversation | Le chat avec l’IA : Yuli Platform, Claude Code, Kiro, Codex ou Antigravity. |
| À droite : le travail | L’éditeur et ses onglets : fichiers, Modifications IA, REST Client, Web Studio, diagrammes et outils. |
Barre de titre
| Partie | Contenu |
|---|---|
| Gauche | Le bouton ☰ (Afficher le menu). Replié, il affiche le projet actif ; déplié, les menus Fichier, Modifier, Affichage, Projet, Agent, Git, Outils, Fenêtre et Aide. |
| Centre | La capsule de l’agent. Lorsqu’il travaille, elle indique ce qu’il fait (« L’IA travaille », « Ton Claude Code travaille », ou le nombre d’agents et de tâches). Un clic vous amène au chat. |
| Droite | Le basculement entre thème clair et sombre, la consommation de tokens et les boutons de la fenêtre. |
Un double-clic sur la barre agrandit la fenêtre.
Onglets de projet
En dessous, un onglet par projet ouvert. De là, vous ouvrez un autre projet, le déplacez dans une nouvelle fenêtre ou utilisez Vue partagée : voir deux projets à la fois. Ctrl+Alt+PageDown et Ctrl+Alt+PageUp permettent de changer d’onglet.
Rail de gauche
| Bouton | À quoi il sert | Raccourci |
|---|---|---|
| Projet | Affiche ou masque le panneau de projet. | Alt+1 |
| Web Studio | Design, aperçu, architecture et application complète. | Alt+Shift+W |
| Base de données | Connexions, schémas, SQL et PL/SQL. | Alt+Shift+D |
| Plus d'outils | Ouvre la feuille contenant le reste. | — |
Dans Plus d'outils :
| Outil | À quoi il sert | Raccourci |
|---|---|---|
| Dépôts distants (MCP) | GitHub et GitLab connectés. | Alt+2 |
| Tâches en arrière-plan | Ce que l’IA fait pendant que vous travaillez. | Alt+Shift+B |
| Exigences | Traçabilité règle → code → test. | Alt+Shift+R |
| Conteneurs | Docker et Kubernetes. | Alt+Shift+K |
| Développement distant | WSL, SSH et conteneurs de développement. | Alt+Shift+O |
| CI/CD | Jenkins, GitHub Actions, GitLab CI et CloudBees. | Alt+Shift+J |
En bas du rail, le bouton pour afficher ou masquer le panneau inférieur.
Rail de droite
En haut, la Colonne de l'éditeur :
- Éditeur : affiche, masque ou met le focus sur l’éditeur (
Ctrl+Shift+C). - Modifications IA : modifications en attente et historique (
Ctrl+Alt+R). Un compteur s’affiche lorsque des modifications attendent votre revue.
Dans Plus d'outils :
| Outil | À quoi il sert |
|---|---|
| REST Client | Tester et déboguer des requêtes HTTP (Alt+9). |
| Diagrammes | Comment le système est connecté (Ctrl+Alt+D). |
| Centre de gouvernance | Contrat de qualité, portes, données sensibles, design et livraison. |
| Centre de sécurité | Constats et secrets. |
| Modernisation | Migrations et versions. |
| Tests de caractérisation | Des tests qui figent le comportement actuel avant de le modifier. |
| Environnements distants | Variables et profils. |
| APIGEE | Jeton, clés et contrats. |
En bas du rail, le bouton pour afficher ou masquer le chat (Ctrl+Alt+I).
Ce que vous ouvrez depuis « Plus d'outils » remonte dans le rail tant que vous l’utilisez. Vous voyez ainsi toujours où vous êtes, sans avoir trente icônes sous les yeux.
Panneau inférieur
| Onglet | À quoi il sert | Raccourci |
|---|---|---|
| Terminal | Terminal intégré. | Alt+Shift+F12 |
| Exécution | Sortie de l’application, avec des liens vers le code. | Alt+4 |
| Problèmes | Erreurs et avertissements du projet. | Alt+6 |
| Tests | Explorateur et résultats des tests. | Alt+5 |
| Qualité | Note, mesure et métriques. | — |
Dans Plus : Synchronisation (Alt+8), Maven / Gradle / Ant (Alt+7), Code Intelligence (Alt+0), Spring, Inspections, Conteneurs et JVM. L’onglet que vous ouvrez depuis « Plus » reste dans la barre tant que vous l’utilisez.
Alt+F12 affiche ou masque le panneau ; Shift+Esc le masque.
Écran d’accueil
Lorsque rien n’est ouvert, l’éditeur demande « Que voulez-vous faire ? » et propose quatre chemins :
- Demander à l'IA : elle planifie, réalise et vérifie.
- Ouvrir un fichier : recherchez par nom ou choisissez-en un dans le projet.
- Concevoir un écran : Web Studio dessine l’interface en direct et la transforme en code.
- Exécuter et tester : démarre l’application et affiche les tests et les problèmes.
Barre d’état
Elle affiche la consommation de la session, les tokens de la tâche en cours, la taille du projet, la note de qualité, l’état du moteur Java, les ressources (RAM et CPU) et l’état de la CI. Un clic la déplie pour afficher le détail.
Mode zen
Ctrl+Shift+F12 ne laisse que l’éditeur. Appuyez de nouveau pour retrouver les panneaux.