VS Code Extensions
NPM Manager - Visual Package Explorer

NPM Manager - Visual Package Explorer

by sourabhr10122002

NPM Manager is a visual package explorer for VS Code that lets you manage Node.js dependencies, search the NPM registry, install packages, compare installed and latest versions, and batch-update outdated packages.

Downloads

115

Rating

— (0)

Version

0.1.3

Last updated

Apr 07, 2026

Version Installs Open VSX

NPM Manager provides a modern, high-performance visual interface for managing your Node.js project's dependencies directly within VS Code. Say goodbye to terminal-only package management and hello to a beautiful, dashboard-driven workflow.

NPM Manager Icon

📺 Overview

NPM Manager Screenshot

🚀 Features

  • 📦 Visual Dependency Management: A dedicated full-editor panel to view, sort, and manage all your project's dependencies.
  • ✨ Batch Updates: Select multiple outdated packages and update them all at once with a single click.
  • 🔍 Live Registry Search: Search the entire NPM registry from within VS Code and install packages (including dev dependencies) instantly.
  • 🛡️ Version Insights: Clearly see installed vs. latest versions with color-coded badges (PATCH, MINOR, MAJOR).
  • 🎨 Premium UI: A custom design system matched to the NPM brand colors, featuring glassmorphism, smooth transitions, and a dark mode optimized experience.
  • ⚡ Sidebar Welcome Widget: A compact sidebar view for quick access, tips, and status at a glance.

🛠 Usage

1. Opening the Manager

There are three ways to launch the NPM Manager:

  • Sidebar: Click the NPM icon in the Activity Bar and press "Open Package Manager".
  • Command Palette: Press Ctrl+Shift+P (or Cmd+Shift+P on macOS) and type "Open NPM Manager".
  • Shortcut: Right-click your package.json file in the explorer (coming soon).

2. Managing Packages

  • Installed Tab: View all your current dependencies. Click "Update" on any individual package or use the checkboxes for batch actions.
  • Updates Tab: A focused view showing only packages that have newer versions available.
  • Browse Tab: Search the registry. Each result comes with a description and quick "Install" or "+ Dev" buttons.

⌨️ Command Palette

Command Description
npm-manager.open Launch the main Visual Package Explorer panel

⚙️ Requirements

  • Node.js & NPM/Yarn/PNPM: The extension automatically detects your package manager based on your lockfiles.
  • VS Code: Version 1.80.0 or higher.

📄 License

This project is licensed under the MIT License.

Developed with ❤️ by sourabhr10122002.