DependaDash is a premium, highly interactive NPM Package Manager directly integrated within VS Code. It replaces standard tree views with a stunning, glassmorphic Webview Dashboard adhering to your editor's theme variables.
Features
- Theme Compliance: Flawlessly adapts to Dark, Light, or High Contrast themes using native editor variables.
- Empty State Scanner: Automatically warns when no
package.jsonis active in the workspace and offers a one-click initialization button (npm init -y). - Parallel Registry Comparisons: Displays currently installed versions alongside the absolute latest releases fetched directly from the NPM registry.
- Background Updates: Provides inline update triggers showing a button loading spinner while running background installations.
- Real-Time Audits: Scans for project vulnerabilities using
npm auditand displays severity warning badges (Critical, High, Moderate, Low). - Details Drawer: Click on any package to slide in an extensive details panel displaying descriptions, author contacts, license structures, homepage links, and README snippets.
- Dynamic Search & Install: Query packages directly from the NPM registry and install them as standard or DevDependencies with a single click.
Usage
- Open a workspace folder.
- Open the Command Palette (
Ctrl+Shift+PorCmd+Shift+Pon macOS) and runDependaDash: Open Dashboard. - Alternative: Open
package.jsonand click the package icon in the top right navigation header or right-click the explorer tab contextual menu.