Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Project VisualizerNew to Visual Studio Code? Get it now.
Project Visualizer

Project Visualizer

nomorehuman

|
42 installs
| (0) | Free
Visualize projects with dynamic icons, README preview, document lists, recent files, and AI-powered README generation.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Project Visualizer pour VSCode

Visualisez rapidement vos projets VSCode avec une icône personnalisée et accédez facilement à la documentation et aux fichiers importants.

✨ Fonctionnalités Principales

  • Icône de Projet Dynamique : Affiche une icône simple dans la barre d'activité basée sur la première lettre du nom de votre projet (détecté depuis package.json, titre du README.md, ou nom du dossier).
  • Panneau d'Information : Un panneau dédié accessible via l'icône de la barre d'activité qui affiche :
    • Liste des Documents : Fichiers Markdown (.md) importants du projet, triés par pertinence (README, fichiers contenant "prompt", fichiers avec mots-clés configurables, autres).
    • Fichiers Récents : Les derniers fichiers Markdown ou texte (.md, .txt) ouverts dans le workspace.
    • Prévisualisation du README : Affiche le contenu du fichier README.md principal du projet.
  • Génération de README par IA (via RooCode) : Si aucun README.md n'est trouvé, un bouton permet de lancer une tâche RooCode pour analyser le projet et générer un draft de README.
  • Navigation Facile : Cliquez sur les noms de fichiers dans les listes pour les ouvrir directement dans l'éditeur.
  • Rafraîchissement Automatique : La vue se met à jour automatiquement lors de la création, modification ou suppression du README.md.

🚀 Utilisation

  1. Installez l'extension depuis la Marketplace VSCode.
  2. Ouvrez un projet dans VSCode.
  3. Cliquez sur l'icône de l'extension (affichant la première lettre du projet) dans la barre d'activité à gauche.
  4. Explorez le panneau :
    • Consultez la liste des documents et fichiers récents.
    • Cliquez sur un fichier pour l'ouvrir.
    • Lisez la prévisualisation du README.md.
    • Si le README.md est absent, cliquez sur "Générer README avec l'IA" pour lancer la tâche RooCode.

⚙️ Configuration (Optionnelle)

Modifiez vos settings.json pour personnaliser :

  • projectVisualizer.documentationKeywords: Mots-clés pour identifier les fichiers de documentation prioritaires (défaut: ["documentation", "docs", "guide", "manual", "tutorial"]).
  • projectVisualizer.maxRecentFiles: Nombre maximum de fichiers récents à afficher (défaut: 5).
  • projectVisualizer.generateReadmePrompt: Le template du prompt utilisé pour la génération de README par l'IA.

🛠️ Développement

  1. Clonez le repository.
  2. Installez les dépendances : npm install.
  3. Compilez : npm run compile.
  4. Lancez en mode débogage : Appuyez sur F5.

Contribuer

Les contributions sont les bienvenues ! N'hésitez pas à ouvrir une issue ou une pull request.

Licence

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft