npmx VS Code
[!NOTE]
🚧 Preview Version - This extension is under active development. Some features and configurations may change.
Features
- Hover Information – Quick links to package details and documentation on npmx.dev, with provenance verification status.
- Version Completion – Autocomplete package versions with provenance filtering and prerelease exclusion support.
- Diagnostics
- Deprecated package warnings with deprecation messages
- Package replacement suggestions (via module-replacements)
- Vulnerability detection powered by the OSV database, with severity levels (critical, high, moderate, low)
- Upgrade hints when a newer version is available, with quick-fix code actions
- Commands
- Open npmx.dev in external browser
- Open
node_modules files on npmx.dev code viewer with syntax highlighting (from editor title, context menu, or command palette)
Supported Files
package.json
pnpm-workspace.yaml
Configuration
| Key |
Description |
Type |
Default |
npmx.hover.enabled |
Enable hover information for packages |
boolean |
true |
npmx.completion.version |
Version completion behavior |
string |
"provenance-only" |
npmx.completion.excludePrerelease |
Exclude prerelease versions (alpha, beta, rc, canary, etc.) from completion suggestions |
boolean |
true |
npmx.diagnostics.upgrade |
Show hints when a newer version of a package is available |
boolean |
true |
npmx.diagnostics.deprecation |
Show warnings for deprecated packages |
boolean |
true |
npmx.diagnostics.replacement |
Show suggestions for package replacements |
boolean |
true |
npmx.diagnostics.vulnerability |
Show warnings for packages with known vulnerabilities |
boolean |
true |
Contributing
Contributions are welcome! Please review our contribution guide for more details.
License
MIT License © 2026-PRESENT Vida Xie
| |