NuGet Package Manager

A full-featured NuGet package manager for Visual Studio Code — browse, install, update, and audit packages across all your .NET projects without leaving the editor.

Table of Contents

• Features
• Requirements
• Installation
• Getting Started
• Tabs & Workflows
  • Browse
  • Installed
  • Updates
  • Vulnerabilities
  • Consolidate
• Project Tree
• Commands
• Configuration
• Private Feed Authentication
• Central Package Management (CPM)
• Inline Version Decorations
• Contributing
• Architecture
• Credits
• License

Features

Requirements

• Visual Studio Code 1.110 or later
• A workspace containing .csproj, .fsproj, or .sln files
• .NET SDK installed and on PATH (for install / update / restore operations)

Installation

From the Marketplace (recommended)

1. Open VS Code
2. Press Ctrl+Shift+X to open the Extensions panel
3. Search for NuGet Package Manager
4. Click Install

Or install directly from the command line:

code --install-extension I-Synergy.i-synergy-nugetpackagemanager

From a .vsix file

Download the latest .vsix from the Releases page, then:

code --install-extension i-synergy-nugetpackagemanager-x.x.x.vsix

Or via the Extensions panel: click ··· → Install from VSIX…

Getting Started

1. Open a folder or workspace that contains .csproj / .fsproj / .sln files — the extension activates automatically.
2. Open the NuGet panel at the bottom of VS Code (next to Terminal, Problems, etc.).
3. Your projects appear in the project tree on the left. All are selected by default.
4. Use the BROWSE tab to search for and install packages.
5. Run UPDATES to check for outdated packages, VULNERABILITIES for security issues, and CONSOLIDATE to fix version drift across projects.

Tip: Use the Command Palette (Ctrl+Shift+P) and type NuGet Package Manager to jump directly to any feature.

Tabs & Workflows

Browse

Search nuget.org (or any configured feed) and install packages into your projects.

• Search bar at the top — results update as you type
• Source dropdown — filter to a specific feed or search across all
• Prerelease toggle — include pre-release versions in results
• Package list (left pane) — click any row to load full details
• Detail panel (right pane) — description, authors, download count, license, tags, version picker, and per-project install/uninstall buttons
• Project rows — show the currently installed version per project; install, update to a specific version, or uninstall individually
• Spinner — while an install or update runs, an animated spinner replaces the action button, making it clear which package is being processed
• Error recovery — if the package feed fails to load, a retry button appears inline

Installed

Shows every package installed across all selected projects. Use this tab to quickly uninstall or change versions without leaving the package list.

Updates

Lists all packages where a newer version is available on the configured sources.

• Each row shows the installed version → latest version with source attribution
• Select individual packages with checkboxes, then click Update All to apply in one go
• Per-row update button for single-package updates
• Counts on the tab badge update in real time
• Tab data refreshes automatically every time you switch to it

Vulnerabilities

Scans installed packages against the NuGet vulnerability database.

• Severity badges: CRITICAL · HIGH · MEDIUM · LOW
• Affected version range shown for each entry
• Advisory link opens the GitHub Security Advisory in your browser
• Affected projects listed below each vulnerable package
• Tab data refreshes automatically every time you switch to it

Consolidate

Detects packages that are installed at different versions across your projects.

• Groups packages by ID, shows which project uses which version (latest highlighted in orange, older in yellow)
• Version dropdown per package — pick the target version to consolidate to
• Consolidate button applies to a single package; Consolidate All fixes all at once
• Respects Central Package Management — CPM-managed packages are labelled accordingly
• Tab data refreshes automatically every time you switch to it

Project Tree

The collapsible project tree on the left of the main view lets you scope operations:

• Check / uncheck individual projects to include or exclude them from searches and batch operations
• CPM badge displayed next to projects where Directory.Packages.props is detected
• Supports C# (.csproj), F# (.fsproj), and VB.NET (.vbproj) project files
• Projects discovered recursively from the workspace root, excluding node_modules, bin, obj

Commands

Access these from the Command Palette (Ctrl+Shift+P):

Configuration

Open VS Code Settings (Ctrl+,) and search for NuGet Package Manager, or edit settings.json directly.

Example settings.json

{
  "i-synergy-nugetpackagemanager.sources": [
    "{\"name\": \"nuget.org\", \"url\": \"https://api.nuget.org/v3/index.json\"}",
    "{\"name\": \"My Feed\",   \"url\": \"https://pkgs.dev.azure.com/my-org/_packaging/my-feed/nuget/v3/index.json\"}"
  ],
  "i-synergy-nugetpackagemanager.prerelease": false,
  "i-synergy-nugetpackagemanager.enablePackageVersionInlineInfo": true,
  "i-synergy-nugetpackagemanager.skipRestore": false,
  "i-synergy-nugetpackagemanager.logLevel": "INFO"
}

Private Feed Authentication

NuGet Package Manager supports private package feeds out of the box.

NuGet.config (automatic)

The extension reads credentials stored in any NuGet.config file in your workspace or the global %APPDATA%\NuGet\NuGet.Config. If your feed credentials are already configured there, no extra setup is needed.

Azure Artifacts Credential Provider

Install the Microsoft Artifacts Credential Provider and authenticate once via the .NET CLI:

dotnet restore --interactive

The credential provider handles token refresh automatically.

Custom Password Script

For non-standard authentication flows, configure a script path per source. The script receives the feed URL as an argument and must print the password to stdout:

// settings.json
{
  "i-synergy-nugetpackagemanager.sources": [
    "{\"name\": \"Internal\", \"url\": \"https://my.internal.feed/v3/index.json\", \"passwordScriptPath\": \"/path/to/get-token.sh\"}"
  ]
}

Central Package Management (CPM)

NuGet Package Manager has first-class support for Central Package Management.

• Auto-detection — projects using Directory.Packages.props are detected and labelled in the project tree
• Version source tracking — each installed package shows whether its version comes from project, central, or override
• Consolidate — understands CPM boundaries and applies consolidation correctly
• Restore handling — uses the correct dotnet invocation for CPM workspaces

Inline Version Decorations

Enable i-synergy-nugetpackagemanager.enablePackageVersionInlineInfo to see available updates directly in your project files:

<PackageReference Include="Newtonsoft.Json" Version="12.0.3" />  ← 13.0.3 available

Decorations appear in the gutter next to <PackageReference> entries whenever a newer version exists on your configured sources. Click the decoration to open the package in the NuGet panel.

Contributing

Contributions are welcome — bug reports, feature requests, documentation improvements, and pull requests.

Reporting Issues

Please use the GitHub Issues tracker. Include:

• VS Code version
• Extension version
• Steps to reproduce
• Relevant output from the NuGet Package Manager output channel (set logLevel to DEBUG)

Development Setup

Prerequisites: Node.js 19+, npm

# 1. Clone the repository
git clone https://github.com/I-Synergy/I-Synergy.NugetPackageManager.git
cd I-Synergy.NugetPackageManager

# 2. Install dependencies
npm install

# 3. Build the extension
npm run esbuild

# 4. Start the UI dev server (browser, no VS Code needed)
npm run dev

Running & Debugging

Press F5 in VS Code to launch a new Extension Development Host window with the extension loaded. The host reloads automatically after npm run esbuild.

Code Style

npm run lint          # Check for lint errors (ESLint 9)
npm run lint:fix      # Auto-fix fixable issues

• TypeScript strict mode — any is a warning, avoid it
• Unused variables: prefix with _ to suppress the warning
• CSS in Lit components uses the css tagged template literal and VS Code CSS variables (--vscode-*)
• All written content in English: code comments, commit messages, JSDoc, documentation

Running Tests

npm test              # Full test suite (VSCode Test CLI + Mocha)
npm run test-compile  # Type-check tests only (no execution)

Tests live alongside source files as *.test.ts. The test runner opens a headless VS Code Extension Host.

Updating Screenshots

After UI changes, regenerate the screenshots and animated GIF automatically:

npm run esbuild          # Rebuild bundles first
npm run screenshot       # Generates docs/images/*.png and docs/images/demo.gif

The script (tools/take-screenshots.mjs) starts a local HTTP server, loads the UI with mock data in a headless Chromium browser via Playwright, captures each tab, and assembles the animated GIF.

Building a .vsix Package

npm run package
# → releases/I-Synergy.NugetPackageManager-x.x.x.vsix

Pull Request Guidelines

1. Fork the repository and create a feature branch from main
2. Make your changes — small, focused PRs are easier to review
3. Add or update tests for changed behaviour
4. Run npm run lint and npm test — both must pass
5. Write a clear PR description explaining the why, not just the what
6. Reference any related issues with Closes [#123](https://github.com/I-Synergy/I-Synergy.NugetPackageManager/issues/123)

Commit messages follow Conventional Commits: feat:, fix:, refactor:, chore:, docs:, test:, perf:

Architecture

The extension runs in two isolated processes that communicate via a typed RPC layer over postMessage:

┌─────────────────────────────────────────────┐   ┌──────────────────────────────────────────────┐
│  VS Code Extension Host  (Node.js)           │   │  Webview  (Browser / Lit)                    │
│                                             │   │                                              │
│  extension.ts                               │   │  main.ts  →  I-Synergy.NugetPackageManager (root element) │
│  host-api.ts  ──  RpcHost                  │◄──►│  RpcClient  →  packages-view                │
│  nuget/api.ts  (axios → NuGet API)         │   │  components/*  (@state, @property)           │
│  utilities/  (csproj parser, decorator)    │   │  registrations.ts  (singletons)              │
└─────────────────────────────────────────────┘   └──────────────────────────────────────────────┘
         postMessage RPC: { type, id, method, params } / { type, id, result }

Key design decisions:

• Typed RPC — HostAPI interface in src/common/rpc/types.ts is the single source of truth for all IPC. Every method returns Result<T> (a discriminated union), so error paths are always explicit.
• Lit web components — the entire UI is built with LitElement + native HTML elements styled via VS Code CSS variables. No frameworks, no heavy dependencies in the webview bundle.
• Dual bundle — esbuild produces two separate bundles: dist/extension.js (Node.js CommonJS for the host) and dist/web.js (ESM for the webview).

Source layout:

src/
├── common/            # Shared between host and web (types, RPC protocol, utilities)
│   ├── rpc/           # RpcHost, RpcClient, types, Result<T>
│   └── types.ts       # Domain types (Package, Project, Configuration, …)
├── host/              # Extension host (Node.js context)
│   ├── extension.ts   # Activation, command registration, WebviewViewProvider
│   ├── host-api.ts    # HostAPI implementation
│   └── nuget/         # NuGet API client (axios), .csproj / .sln parsing
└── web/               # Webview UI (browser context)
    ├── main.ts         # Root element, routing
    ├── components/     # LitElement components (packages-view, updates-view, …)
    ├── styles/         # Shared CSS (VS Code variables, codicons, scrollbars)
    └── registrations.ts# Module-level singletons (hostApi, router, configuration)

Credits

NuGet Package Manager builds on the work of:

• nuget-workbench - the original vscode extension from which we forked
• pcislo/vscode-nuget-gallery by Patryk Cislo — the original extension this project descends from
• shis91/vscode-nuget-gallery by shis91 — major feature additions including CPM, authentication, and test infrastructure

License

MIT