Overwrite VS Code snippet with user defined snippet

Question

I have configured the following TypeScript snippet in Visual Studio Code

"console.log": {
        "prefix": "cl",
        "body": [
            "console.log();"
        ],
        "description": "console.log()"
    }

It doesn't work however, because there is already a snippet defined for the cl (class). How can I overwrite that snippet with mine? I'd like to use cl, because I have other IDEs configured the same way and would prefer not change my convention.

Nahush Farkande · Accepted Answer · 2016-10-17 17:05:26Z

2

When you type cl a list of all the possible expansions of the cl snippet is shown and your snippet is probably around the bottom of the list. In order to access the snippet at the top of the list you can added the following to your settings.json

// Place your settings in this file to overwrite the default settings
{
    "typescript.useCodeSnippetsOnMethodSuggest": true,
    "editor.snippetSuggestions": "top",
    "editor.tabCompletion": true
}

Here notice the editor.snippetSuggestions. This is the setting which defines the sorting of the autocomplete list which appears when you type your snippet's abbreviation. By default it is bottom which is why your snippet appears at the end of the list.

answered Oct 17, 2016 at 17:05

Nahush Farkande

5,6863 gold badges27 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Overwrite VS Code snippet with user defined snippet

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related