Material Icon Theme

Thème d'icônes pour VS Code qui ajoute des icônes Material Design à vos fichiers

Material Icon Theme est une extension pour Visual Studio Code qui ajoute des icônes Material Design à vos fichiers et dossiers dans l'explorateur de fichiers.

Installation

Ouvrez VS Code.

Allez dans l'onglet Extensions (Ctrl+Shift+X ou Cmd+Shift+X sur macOS).

Recherchez "Material Icon Theme".

Cliquez sur "Install".

Fonctionnalités

Plus de 150 icônes Material Design représentant des dizaines de langages et de technologies.
Prise en charge de nombreux langages et frameworks populaires.
Icônes personnalisées pour les dossiers pour repérer vos dossiers components, hooks ou assets.
Thème sombre et clair parfaitement gérés.
Personnalisation complète des associations d'icônes.

Configuration

Vous pouvez personnaliser les icônes dans les paramètres de VS Code :

Ouvrez les paramètres (Ctrl+, ou Cmd+, sur macOS).

Recherchez "material-icon".

Modifiez les options selon vos préférences d'icônes et de couleurs.

Exemples d'icônes

Dossiers : 📁
Fichiers JavaScript : </>
Fichiers CSS : 🎨
Images : 🖼️
Et bien plus encore...

Avantages

Meilleure organisation visuelle de vos projets et monorepos.
Navigation plus intuitive grâce à des indices visuels immédiats.
Identification rapide des types de fichiers (ex: .ts, .tsx, .spec.ts).
Aspect esthétique et professionnel de votre éditeur de code.

Tooling

Terminez le quiz du chapitre pour le marquer comme complété.

Tableau de bord