VS Code Extension
Add and manage native-mate components directly from the VS Code command palette. No terminal needed.
Installation
Search for native-mate in the VS Code Extensions marketplace, or install from the command line:
bash
1
code --install-extension native-mate.native-mateCommands
Open the command palette (Cmd+Shift+P / Ctrl+Shift+P) and type “native-mate”:
| Command | Description |
|---|---|
| native-mate: Add component | Browse and add components via a searchable quick pick menu |
| native-mate: Upgrade components | Check and apply updates for installed components |
| native-mate: Open Theme Studio | Preview theme presets and copy config to native-mate.json |
Features
- Quick Pick component browser — multi-select components with search, category labels, and descriptions
- Auto-detects package manager — uses npm, yarn, pnpm, or bun based on your lockfile
- Status bar shortcut — a persistent button in the status bar for quick access when a
native-mate.jsonis detected - Theme Studio panel — preview all 4 presets (zinc, slate, rose, midnight) and copy the config JSON
- Auto-init prompt — if no config is found, offers to run
native-mate initfor you
Requirements
- VS Code >= 1.85.0
- A project with
native-mate.json(or let the extension create one)
Activation
The extension activates automatically when it detects a native-mate.json file in your workspace. The status bar button appears once activated.