affichage du chemin dans les onglets de fichier dans Visual Studio Code
J'ai une structure de dossiers à base de composants dans mon projet. Un groupe de dossiers de composants avec un fichier index.js chacun . Est-il possible de faire en sorte que VSCode affiche le nom du dossier parent dans les onglets de fichiers? Ou suis-je limité tout afficher index.js et rien d'autre?
Nouvelle réponse: vous pouvez maintenant configurer VsCode pour que toujours affiche les noms des dossiers parents dans les onglets!
Voici à quoi cela ressemble avec les fichiers init/views.js, init/routes.js et plugins/modal.js.
Ajoutez cette ligne aux paramètres de l'utilisateur:
"workbench.editor.labelFormat": "short"
Note latérale:
Un autre outil utile pour afficher le chemin d'accès exact du fichier actuel est d'utiliser breadCrumbs. Ajoutez ceci à vos paramètres utilisateur "breadcrumbs.enabled": true
FYI: Pour ouvrir le fichier json des paramètres utilisateur de vscode: Sélectionnez "Préférences: Ouvrir les paramètres utilisateur" (en le tapant dans la palette de commandes ou en utilisant le menu fichier), puis cliquez sur le bouton Accolades en haut à droite corner pour accéder aux paramètres sous forme de fichier json au lieu de l’interface graphique.
VSCode a maintenant amélioré son onglet d'interface utilisateur pour résoudre ce problème.
Lorsque vous avez ouvert plusieurs onglets avec le même nom de fichier, VScode affichera automatiquement le nom de pli parent dans chacun de ces onglets.
Voici un exemple: J'ai ouvert event.js et deux fichiers index.js. VS décide automatiquement que c'est une bonne idée d’afficher le nom de pliage pour les fichiers index.js :)
Presque tout a résolu le gros de mon problème.
J'ai créé un simple plug-in VScode qui accepte une liste de regex et de couleurs et modifie le titleBar/tabColor en fonction de ces derniers. Idéal pour travailler sur des projets monorepos ou de grande taille avec plusieurs packages (comme lerna, ou react + react-native)
https://marketplace.visualstudio.com/items?itemName=orepor.color-tabs-vscode-ext
Allez dans le menu principal -> Fichier -> Préférences -> Paramètres. Et recherchez le format d'étiquette Workbench (cmd + f).
Choisissez l'option courte.
Bonne chance!