Snippet Guide

Thecontributes.snippets Contribution Point allows you to bundle snippets into a Visual Studio Code extension for sharing.

TheCreating snippets topic contains all information for creating snippets. This guide / sample just shows how you can turn your own snippets into an extension for sharing. The suggested workflow is:

• Create and test your snippets usingSnippets: Configure User Snippets command
• Once you are happy with the snippets, copy the whole JSON file into an extension folder, such assnippets.json
• Add the following snippet contribution to yourpackage.json

{  "contributes": {    "snippets": [      {        "language":"javascript",        "path":"./snippets.json"      }    ]  }}

Tip: Tag your extension as a snippet extension with the following config in yourpackage.json:

{  "categories": ["Snippets"]}

You can find the complete source code at:https://github.com/microsoft/vscode-extension-samples/tree/main/snippet-sample.

Using TextMate snippets

You can also add TextMate snippets (.tmSnippets) to your VS Code installation using theyo code extension generator. The generator has an optionNew Code Snippets which lets you point to a folder containing multiple .tmSnippets files and they will be packaged into a VS Code snippet extension. The generator also supports Sublime snippets (.sublime-snippets).

The final generator output has two files: an extension manifestpackage.json which has metadata to integrate the snippets into VS Code and asnippets.json file which includes the snippets converted to the VS Code snippet format.

.├── snippets                    // VS Code integration│   └── snippets.json           // The JSON file w/ the snippets└── package.json                // extension's manifest

Copy the generated snippets folder to a new folder under your.vscode/extensions folder and restart VS Code.