8

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

Broda Noel
  • 1,760
  • 1
  • 19
  • 38
  • This is essentially a duplicate of https://stackoverflow.com/questions/40110541/how-to-edit-existing-vs-code-snippets . Just make your own snippet and set "editor.snippetSuggestions": "top" You do not want to be editing the built-in snippets. – Mark Jun 12 '18 at 04:20

2 Answers2

18

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.

  1. Go to File -> Preferences -> User Snippets and select JavaScript in order to edit snippets for that language.
  2. 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

Miguel Acero
  • 306
  • 3
  • 6
  • 3
    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`. – chestozo Mar 21 '20 at 11:36
5

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
Filip Van Genck
  • 181
  • 2
  • 3