How to edit the default log snippet in VS Code

Question

I'm using VS Code, and there is a default log snippet for JavaScript, that basically adds a console.log() line BUT also adds a new blank line. I want to remove that new blank line. Do you know how to do it? I only can see the way to modify the User snippets, but this snippet was not created by me

This is essentially a duplicate of stackoverflow.com/questions/40110541/… . Just make your own snippet and set "editor.snippetSuggestions": "top" You do not want to be editing the built-in snippets. — Mark
– Mark, Commented Jun 12, 2018 at 4:20

Miguel Acero · Accepted Answer · 2018-07-19 21:20:02Z

17

This was slightly answered in other questions but here is my approach anyway. I wasn't able to configure the default snippets in vscode however I created my own snippet and made it at the top of the suggestions.

Go to File -> Preferences -> User Snippets and select JavaScript in order to edit snippets for that language.
Add this entry to the opened file javascript.json and save it

"Print to console": {
          "prefix": "log",
          "scope": "javascript,typescript",
          "body": [
              "console.log('$1')",
          ],
          "description": "Log output to console"
},

then I added

"editor.snippetSuggestions": "top",

in my settings so that it will always be the top suggestion

hope that helps

answered Jul 19, 2018 at 21:20

Miguel Acero

3043 silver badges6 bronze badges

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

3 Comments

chestozo Over a year ago

Also note that both standard and your custom snippets will be show in suggest. And if you want your snippet to go above the standard - you can change description so that it terms of sort order your description comes before standard snippet description.

JesseBoyd Over a year ago

doesn't really solve the problem and adds clutter to the auto complete. see answer below for final solution by Filip Van Gench

zjffun Over a year ago

Using the Snippets Manager extension can quickly edit User snippets.

Filip Van Genck · Accepted Answer · 2018-10-10 19:39:34Z

9

On my Windows10 machine the log and other default javascript snippets can be found in :

C:\Users\$USER\AppData\Local\Programs\Microsoft VS Code\resources\app\extensions\javascript\snippets\javascript.json

answered Oct 10, 2018 at 19:39

Filip Van Genck

3213 silver badges3 bronze badges

3 Comments

JesseBoyd Over a year ago

works and finally rid of that ugly semi colon! remember to restart vs code to see the changes

qadzek Over a year ago

On Linux, this can be found in /usr/share/code/resources/app/extensions/javascript/snippets/javascript.code-snippets

peterflynn May 4 at 19:05

Do these edits get lost every time you update VS Code, though?

Collectives™ on Stack Overflow

How to edit the default log snippet in VS Code

2 Answers 2

3 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related