forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
feat(docs): add vscode extension docs (#979)
+32
+32
docs/content/2.guide/4.vscode-extension.md
+32
docs/content/2.guide/4.vscode-extension.md
···
1
+
---
2
+
title: VS Code Extension
3
+
description: The npmx VS Code extension brings npmx.dev insights into your editor.
4
+
navigation:
5
+
icon: i-simple-icons-visualstudiocode
6
+
---
7
+
8
+
## Installation
9
+
10
+
Install from the <a href="https://marketplace.visualstudio.com/items?itemName=npmx-dev.vscode-npmx" target="_blank" rel="noopener noreferrer">VS Code Marketplace</a>, the <a href="https://open-vsx.org/extension/npmx-dev/vscode-npmx" target="_blank" rel="noopener noreferrer">Open VSX Registry</a> or run:
11
+
12
+
```bash
13
+
code --install-extension npmx-dev.vscode-npmx
14
+
```
15
+
16
+
## Features
17
+
18
+
- **Hover Information** - Quick links to <a href="https://npmx.dev" target="_blank" rel="noopener noreferrer">npmx.dev</a> for package info and documentation, with provenance verification status
19
+
- **Version Completion** - Autocomplete package versions with provenance filtering support
20
+
- **Diagnostics**
21
+
- Deprecated package warnings
22
+
- Package replacement suggestions (via <a href="https://github.com/es-tooling/module-replacements" target="_blank" rel="noopener noreferrer">module-replacements</a>)
23
+
- Vulnerability detection
24
+
25
+
## Supported Files
26
+
27
+
- `package.json`
28
+
- `pnpm-workspace.yaml`
29
+
30
+
## Configuration
31
+
32
+
For full configuration options and detailed usage, take a look at the <a href="https://github.com/npmx-dev/vscode-npmx#readme" target="_blank" rel="noopener noreferrer">GitHub repository</a>.