| 📦 Turbo JS 91999d1 k33g 12h ago | 1 | # Parcourir un projet et ouvrir des fichiers depuis un arbre |
| 2 | |
| 3 | Ce guide montre comment ouvrir l'arbre du projet, le parcourir et y ouvrir un fichier. Il suppose Turbo JS déjà installé. |
| 4 | |
| 5 | ## Ouvrir l'arbre |
| 6 | |
| 7 | Lancez l'éditeur **depuis le dossier du projet**, puis appuyez sur `F9`, ou choisissez **Window ▸ Project tree**. |
| 8 | |
| 9 | Une fenêtre s'ouvre avec les fichiers du projet, nommée d'après le dossier depuis lequel l'éditeur a été lancé : |
| 10 | |
| 11 | ``` |
| 12 | ╔═[x]═══════════════ shapes ═══════════════2═[■]╗ |
| 13 | ║ ▶ .turbo-js ║ |
| 14 | ║ ▼ lib ║ |
| 15 | ║ geometry.js ║ |
| 16 | ║ .gitignore ║ |
| 17 | ║ README.md ║ |
| 18 | ║ package.json ║ |
| 19 | ║ shapes.js ║ |
| 20 | ║ shapes.test.js ║ |
| 21 | ╚═══════════════════════════════════════════════╝ |
| 22 | ``` |
| 23 | |
| 24 | Les dossiers viennent d'abord, puis les fichiers, chaque groupe trié. `.git` est la seule chose masquée — `.turbo-js`, `.gitignore` et les autres sont des fichiers de votre projet, que vous voudrez sans doute ouvrir. |
| 25 | |
| 26 | Appuyer de nouveau sur `F9` ramène cette fenêtre au premier plan plutôt que d'ouvrir un second arbre. |
| 27 | |
| 28 | ## Le parcourir |
| 29 | |
| 30 | | Touche | Effet | |
| 31 | | --- | --- | |
| 32 | | `↑` `↓` | Déplacer la surbrillance | |
| 33 | | `→` | Ouvrir un dossier fermé ; sur autre chose, passer à la ligne suivante | |
| 34 | | `←` | Fermer un dossier ouvert ; sur autre chose, remonter au dossier qui le contient | |
| 35 | | `Entrée` | Ouvrir un fichier, ou ouvrir et fermer un dossier | |
| 36 | | `Début` `Fin` | Première / dernière ligne | |
| 37 | | `Page↑` `Page↓` | Un écran à la fois | |
| 38 | |
| 39 | Un dossier est lu la première fois que vous l'ouvrez : un arbre sur un gros projet coûte donc une lecture de dossier, pas un parcours complet. |
| 40 | |
| 41 | ## Ouvrir un fichier |
| 42 | |
| 43 | Placez la surbrillance dessus et appuyez sur `Entrée`, ou cliquez-le deux fois. |
| 44 | |
| 45 | Le fichier s'ouvre dans une fenêtre à lui, devant l'arbre. Un fichier déjà ouvert est ramené au premier plan plutôt qu'ouvert deux fois. |
| 46 | |
| 47 | ## Voir un fichier créé après l'ouverture de l'arbre |
| 48 | |
| 49 | L'arbre ne surveille pas le disque. Appuyez sur **`F5`** ou **`Ctrl-R`** avec l'arbre au premier plan : il relit le projet, en gardant ouvert ce que vous aviez ouvert et la surbrillance sur la même entrée. |
| 50 | |
| 51 | Enregistrer un fichier rafraîchit l'arbre pour vous : un **File ▸ Save as** sous un nouveau nom y apparaît sans rien demander. Un fichier créé autrement — un `npm init` ou un `npm install` dans une fenêtre terminal, ou un `git checkout` — demande la touche de rafraîchissement. |
| 52 | |
| 53 | ## Travailler avec l'arbre et un fichier côte à côte |
| 54 | |
| 55 | L'arbre est une fenêtre ordinaire, donc toutes les commandes de fenêtre s'y appliquent : |
| 56 | |
| 57 | - **Window ▸ Tile** place l'arbre et votre fichier côte à côte. |
| 58 | - Tirez son coin inférieur droit pour le rétrécir une fois que vous vous y retrouvez. |
| 59 | - `[x]` le ferme ; `F9` le ramène. |
| 60 | |
| 61 | ## Variantes |
| 62 | |
| 63 | - **Vous avez lancé l'éditeur depuis un sous-dossier.** L'arbre y est enraciné et ne montre que cette partie du projet. Lancez plutôt depuis le dossier du projet — la même règle que `.turbo-js/settings.toml`. |
| 64 | - **Un dossier apparaît ouvert mais vide.** Il n'a pas pu être lu, le plus souvent un problème de permissions. Le reste de l'arbre n'est pas affecté ; corrigez les permissions et appuyez sur `F5`. |
| 65 | |
| 66 | ## Voir aussi |
| 67 | |
| 68 | - Toutes les touches et tout ce que l'arbre montre, exactement : [Référence de l'arbre du projet](../reference/project-tree.md) |
| 69 | - Pourquoi c'est une fenêtre et non un panneau ancré, et pourquoi il ne surveille pas le disque : [Arbre du projet](../explanation/project-tree.md) |
| 70 | - Le colorer : [Format des fichiers de thème](../reference/themes.md) |