Visual snippet generator and interactive manager for VS Code. Convert any code selection into reusable snippets with tab stops ($1, $2), placeholders, and language targeting without manual JSON escaping.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
SnippetCraft: Visual VS Code Snippet Manager Pro ✂️
Visual snippet generator and interactive manager for VS Code. Convert any code selection into reusable snippets with tab stops ($1, $2), placeholders, and language targeting without manual JSON escaping!
✨ Features
✂️ 1-Click Selection to Snippet: Highlight any code block in your editor, right-click, and instantly turn it into a reusable snippet.
🎛️ Visual Snippet Studio: Interactive webview panel to edit snippet bodies, trigger prefix, language scope, and description.
🎯 1-Click Tab Stop Insertion: Easily click buttons to insert $1, $2, ${1:default}, and final cursor $0 without memorizing escape syntax.
📁 Clean Workspace Storage: Automatically saves into .vscode/<language>.code-snippets or global.code-snippets ready to share with your team in Git.
🔍 Quick Snippet Browser: Search and inspect all active snippets defined in your workspace with 1-click jump to file.
🛠️ Usage
1. Create Snippet from Code
Select any block of code in your editor.
Right-click and choose "SnippetCraft: Create Snippet from Selection...".
In the Visual Studio, add your trigger prefix (e.g. apiroute), adjust tab stops, and click "Save Snippet into .vscode".
2. Open Snippet Studio
Run SnippetCraft: Open Visual Snippet Studio from the Command Palette (Ctrl+Shift+P / Cmd+Shift+P).
⚙️ Configuration
Setting
Type
Default
Description
snippetcraft.defaultScope
string
"workspace"
Choose "workspace" (.vscode) or "global" for saving snippets.