How to add custom code snippets in VSCode?

code-snippets visual-studio-code
BeastCode picture BeastCode · May 2, 2015 · Viewed 80.3k times · Source

Is it possible to add custom code snippets in Visual Studio Code? And if so, how? VSCode is based on Atom, so it should be possible.

Answer

Chandan Nayak picture Chandan Nayak · Feb 15, 2016
  1. Hit > shift + command + p and type snippets
  2. Select Preferences: Open User Snippets
  3. Choose the language type for which you want to add the custom snippet
  4. vscode has comments to explain on how to add a snippet, as described on :> vsdoc

Lets say, we want to open custom snippets for the language GO. Then we can do:

  1. Hit > command + p
  2. Type: go.json + enter And you land on the custom snippet page

Snippets are defined in a JSON format and stored in a per user (languageId).json file. For example, Markdown snippets go in a markdown.json file.

Update new tools:
Snippet generator site: https://snippet-generator.app/

Related questions

How to edit existing VS Code Snippets

Is there a way to remove or edit some of the default code snippets in Visual Studio CODE ? For example when i type req+TAB i need require not requestAnimationFrame

Read More
What's The Best Way To Write Multi-Line Code Snippets In VS-Code?

In Sublime Text, multi-line code snippets can be defined with white-spaces in a snippet file. But as far as I know, VS-Code needs a JSON entry. These require either: Hard-breaks into a list of double-quoted strings, or Soft-break a long …

Read More
VS Code Intellisense don't suggest snippet at first

I want to use code snippets in VSCode. But when I type, for example, for in javascript file, the Intellisense doesn't suggest snippet "for-loop" - I need to manually scroll the dropdown and select it. Is there any way to …

Read More