NPM Visual Manager : Un Gestionnaire de Paquets Visuel pour VS Code

La gestion des dépendances NPM dans les projets JavaScript nécessite généralement des interactions en ligne de commande, mais si vous pouviez tout gérer via une interface visuelle intuitive ? NPM Visual Manager apporte une expérience de gestionnaire de paquets à la manière de NuGet directement dans VS Code, vous permettant de visualiser, rechercher et mettre à jour vos dépendances sans jamais toucher au terminal.

Qu’est-ce que NPM Visual Manager ?

NPM Visual Manager est une extension pour Visual Studio Code développée par Luis Clement qui fournit une interface visuelle complète pour la gestion des dépendances NPM. Inspirée par le Gestionnaire de Paquets NuGet de Visual Studio, cette extension transforme la façon dont les développeurs interagissent avec les dépendances de leur projet en proposant une interface moderne et conviviale.

Contrairement à la gestion traditionnelle de paquets via terminal, NPM Visual Manager présente vos dépendances dans un tableau propre et triable avec des informations en temps réel sur les versions, le statut de sécurité et les tailles de paquets. L’extension prend en charge tous les gestionnaires de paquets majeurs, y compris npm, yarn, pnpm, et même le runtime bun.

Fonctionnalités Clés qui le Distinguent

• Gestion Visuelle des Dépendances : Parcourez tous vos paquets dans un tableau triable avec des capacités de filtrage pour les dépendances de production, de développement et de pair
• Recherche et Installation Intelligentes : Recherchez dans le registre NPM avec debouncing, puis installez les paquets comme dépendances normales ou de développement en un seul clic
• Mises à Jour en Un Clic : Mettez à jour des paquets individuellement ou en masse, avec la possibilité de revenir à des versions antérieures si nécessaire
• Intégration de Sécurité : Prise en charge des audits de sécurité intégrée avec avertissements de dépréciation et liens directs vers les changelogs
• Support Multi-Projets : Détecte automatiquement les fichiers package.json dans les configurations monorepo et fonctionne parfaitement sur plusieurs projets
• Internationalisation : Disponible en 8 langues dont l’espagnol, l’allemand, le français, le chinois, le japonais, le portugais, le russe et le coréen
• Intégration Native VS Code : Utilise votre thème actuel et propose des colonnes personnalisables pour les informations qui vous intéressent le plus

Commencer à Utiliser

Prêt à rationaliser votre gestion des dépendances ? L’installation de NPM Visual Manager est simple :

VS Code Marketplace Open VSX Registry

Une fois installée, vous pouvez ouvrir le gestionnaire de paquets en faisant un clic droit sur n’importe quel fichier package.json dans votre explorateur de projet ou en utilisant la palette de commandes (Ctrl+Shift+P) et en tapant “Ouvrir le Gestionnaire de Paquets NPM”. L’extension détecte automatiquement votre gestionnaire de paquets et commence à surveiller vos dépendances pour les mises à jour.

Que vous travailliez sur un petit projet personnel ou que vous gériez un monorepo complexe, NPM Visual Manager fournit les outils visuels dont vous avez besoin pour garder vos dépendances organisées, sécurisées et à jour.