VS Code Snippet Builder

Paste code → get perfect .code-snippets JSON. No manual escaping. No syntax errors.

Snippet Name (shown in IntelliSense)

Prefix (trigger keyword)

Description (optional)

Language Scope (leave blank = all files)

Paste Your Code

Tab Stops: Use $1 $2… for cursor positions. Use ${1:placeholder} for editable defaults. $0 = final cursor. Click buttons below to insert at caret.

Auto-escaped: \\ → \\\\" → \\"tabs → \\t

Generated JSON LIVE

Where to paste: In VS Code press Ctrl+Shift+P → Snippets: Configure User Snippets → pick a language or New Global Snippets file. Paste the JSON inside the top-level { }.

Your Snippets

Combined JSON Output LIVE

All snippets merged into a single .code-snippets file — paste into VS Code or share with your team.

Install Your Snippet in VS Code

Four steps, takes under a minute.

Open Snippets

Press Ctrl+Shift+P (or ⌘+Shift+P on Mac) and type Snippets: Configure User Snippets.

Choose Language

Pick a language file (e.g. javascript.json) or choose New Global Snippets file for all languages.

Paste JSON

Paste your generated JSON inside the top-level { } curly braces. Save with Ctrl+S.

Use It

In any file, type your prefix (e.g. rfc) and hit Tab to expand. Navigate stops with Tab.