Arborescence de fichiers

L'arborescence de fichiers apparaît sous la forme d'un panneau de navigation intégré à un cadre (frame) et peut aussi être utilisée comme tile autonome sur le canevas.

Navigateur de cadre

Chaque cadre peut afficher un panneau de navigation avec la structure de fichiers de ce cadre. Il s'active ou se désactive par cadre ; une fois activé, sa largeur est limitée entre 160 px et 240 px (12,5 % de la largeur du cadre).

Interactions

• Cliquez sur un dossier pour l'ouvrir ou le réduire.
• Faites glisser un fichier sur le canevas pour créer un tile :
  • Fichiers image (PNG, JPG, GIF, WebP, SVG, BMP, ICO, TIFF) → Tile d'image
  • Tous les autres fichiers → Tile de code
• Les fichiers sont affichés avec des chemins relatifs à la racine du cadre.

Filtrage

Les fichiers et répertoires cachés (préfixés par un point) sont masqués automatiquement, ainsi qu'une liste fixe de bruit courant de build/dépendances (node_modules, .git, dist, target, .next, .cache, .turbo, __pycache__, .svn, .DS_Store). Il s'agit d'une liste statique, et non d'une analyse du .gitignore — tout ce que votre .gitignore exclut mais qui ne figure pas dans cette liste continuera d'apparaître.

Tile d'arborescence de fichiers

Vous pouvez aussi créer un tile autonome d'arborescence de fichiers sur le canevas (taille par défaut 440×540 px). C'est utile pour avoir un navigateur de fichiers persistant à côté de vos terminaux.

Créez-en un via Cmd+Shift+P → Open File, ou lors de la création d'un cadre avec l'arborescence de fichiers activée.