Snippet Editor Pro

Snippet Editor Pro — a visual snippet manager for VS Code. Manage, create, and insert snippets without touching JSON.

Description:

Stop editing *.code-snippets and snippets in JSON by hand. Snippet Editor Pro gives you a dedicated tree view of all your snippet files and snippets, a visual editor for creating and editing them, and one-click or drag-and-drop insertion into the active editor. Search and sort your snippets, use VS Code variables, open files in raw JSON when you need to, and reveal snippet files in Finder or Explorer. Everything you need to manage snippets, without the JSON hassle.

Native Visual Studio Code storage, no lock-in

Snippet Editor Pro works with VS Code’s built-in snippet storage. It reads and writes the same user snippet files you get from Configure User Snippets (File → Preferences): language-specific files like javascript.json and global or project-level .code-snippets files in your User snippets folder or in the project’s .vscode folder. There is no separate database or custom format—only the standard JSON that VS Code documents. So you don’t import or export anything: your snippets already live in VS Code’s default locations and are loaded by the editor automatically. You can create and edit them with the extension, then use them with IntelliSense, the Insert Snippet command, or tab completion with the extension disabled or uninstalled. They also sync with Settings Sync and travel with your User (or project) folder, so they’re portable and never tied to the extension.

Features

• Manage snippets — Browse and manage snippet files and snippets from a dedicated tree view.
• Create snippets — Create snippets from scratch or from selected code in the editor.
• Edit visually — Edit snippets in a visual editor; no need to edit JSON by hand.
• Insert snippets — Click a snippet to insert it into the active editor, or open it in the editor form when no editor is active.
• Drag and drop — Drag a snippet from the tree into the active editor to insert it.
• Search — Find snippets quickly by name or content.
• Sort — Sort snippets by usage, creation time, or alphabetically.
• Open in JSON — Open any snippet file in raw JSON for direct editing.
• VS Code variables — Use VS Code variables (e.g. $TM_FILENAME, $CURRENT_WORD) in snippet body and prefix.
• Reveal in Finder — Reveal the snippet file in Finder or Explorer.
• Statistics — View usage statistics for your snippets.

Settings

• snippetEditorPro.preferredLanguages: comma-separated language IDs to show first in editor form.
• snippetEditorPro.logLevel: debug | info | warn | error
• snippetEditorPro.enableSnippetTreeEditorDnd: enables snippet drag and drop into the active editor
• snippetEditorPro.snippetSortMode: alphabetical | usageCount | lastUsed | createdAt

Development

npm install
npm run dev
F5

Build package locally (without publishing):

npm run build

Publish:

npm run release

License

Source-available under custom terms. See LICENSE.