tonsofcode
tonsofcode

Reputation: 145

How to disable annoying highlight in Vs Code

As the title says, i just want to know how to disable this annoying highlight in vs code. I want to get a suggestion instantly when i type inside the parentheses but instead first i get an annoying highlight that it wont go out unless i press ESC key.

As you can see in the images, first the console.log() have a weird highlight, that prevents the suggestion to pop up when i type the name of the variable or even functions.

Here is the highlight when i try to type the variable x inside console.log (no suggestion is showing) unless i press Esc key or change to another tab

Here is when i press ESC key and get rid of the highlight, i press x and the suggestion will work instantly

enter image description here

enter image description here

Upvotes: 3

Views: 5151

Answers (5)

Sagar Goyal
Sagar Goyal

Reputation: 1

Use ${0} for the final placeholder to not auto-highlight the code.

Upvotes: 0

Brian
Brian

Reputation: 11

I finally found the answer for anyone that found this as annoying as I did. The setting below should be changed to false, the default is true.

"editor.suggest.snippetsPreventQuickSuggestions": false

The other setting can be changed in Editor: Quick Suggestions.

Other should be set to on (which I believe is the default), and strings should be set to on.

Upvotes: 1

mrpoolday
mrpoolday

Reputation: 1

This is what you are looking for. Paste this in your settings.json.

"editor.suggest.snippetsPreventQuickSuggestions": false

Upvotes: 0

veot
veot

Reputation: 1

You can pass a custom color for this highlighting feature. So just pass in the color of your current editor background to make it go away.

Here it is set to red:

"workbench.colorCustomizations": {
    "editor.snippetTabstopHighlightBackground": "#ff0000"
}

Upvotes: -1

tonsofcode
tonsofcode

Reputation: 145

Look on VsCode settings "Editor>Suggest: Snippets Prevent Quick Suggestions" disable and done.

Upvotes: 5

Related Questions