Reputation: 5872

How can I disable hover tooltip hints in VS Code?

How can I disable the default tooltip hint message in VS Code that appears when I hover over things in the editor? It's annoying sometimes.

Upvotes: 304

Answers (14)

austinheiman

Reputation: 1008

I found that disabling editor.hover.sticky was the most effective fix for this. Controls whether the hover should remain visible when mouse is moved over it. I don't mind the hover popups, but dont block me from the text behind the popup...

"editor.hover.sticky": false

Set this in your user settings.json: ctrl + shift + p -> Preferences: Open User Settings (JSON)

Also - you can browse all available settings and their descriptions in defaultSettings.json: ctrl + shift + p -> Preferences: Open Default Settings (JSON). Very useful to search for a term in there with ctrl + f.

Upvotes: 0

BigKids

Reputation: 1241

"editor.hover.enabled": false,

is your bulletproof solution. Then you can use CTLR + K, CTLR + I (CMD + K, CMD + I for Mac).

Upvotes: 114

Dano

Reputation: 112

Running with v1.72.1. noticed in the tooltip window there is an 'x' in the upper right corner for a close, clicking it. It worked and seems to have persisted my desire to dismiss them.

Thinking about it, don't see a way to get them back if someone might actually want them back.

Upvotes: 1

Logan

Reputation: 429

In the menu, choose File > Preferences > Settings.
I find using a larger value for Editor > Hover: Delay (search for "delay" in the settings search bar) does the trick for me. Its default is 300ms. This doesn't address the desire to actually eliminate the tooltips, but having them only appear after, say, 2 seconds, reduces the visual clutter quite a bit for me.

Upvotes: 42

Brainwash

Reputation: 328

If you are not looking for disable and as mentioned by user: Darrell Brogdon above, if you want to delay the hover time of tooltip as solution then simply add the below line in user settings with your desired time value. replace value 3000 as per your need. Note: hover settings are moved in Online Services Settings in newer versions, hence you might not be able to find it with search 'hover' in user settings.

      // modify in Preferences --> Settings or settings.json

      "editor.hover.delay": 3000,

Upvotes: 4

Darrell Brogdon

Reputation: 6973

I'm using Visual Studio Code v1.63.0 and in Settings I searched for "hover" and, among other things, found "Editor > Hover: Delay" and "Editor > Hover: Enabled". Unchecking the latter will disable the hover. However, I personally find them useful but they're displayed too quickly so I increased ""Editor > Hover: Delay" from "300" to "5000"

Upvotes: 34

keemahs

Reputation: 998

Cntrl + shift + P -> Prefences: Open Settings (JSON)

"editor.parameterHints": false,
"editor.hover.enabled": false

i had to do both of these.

Upvotes: 16

Scott Ladd

Reputation: 41

Go to the settings gear wheel in the bottom left hand corner, then go to Settings and search "hover". Uncheck the "Controls whether the hover is shown" box.

Upvotes: 2

Chris DiPiero

Reputation: 79

Here's the noob version, assuming you know little about VS Code (like me).

Windows. VS Code version: 1.37.1

While in VS Code:
press F1 then type "settings" or "preferences" - then click "Preferences: Open User Settings"
- or -
from top menu: File>Preferences>Settings
- or -
hotkey: ctrl+,
in the settings pane, type "hover" (no need to press "enter")
the settings pane should display the hover settings immediately
Uncheck "Editor › Hover: Enabled"
hover disable

Rockstar Version: edit the JSON like a balla

F1 then type "Open Settings (JSON)"
-or-
navigate to settings JSON file and open in VS Code
https://code.visualstudio.com/docs/getstarted/settings#_settings-file-locations
Add this to JSON file (within curly braces, INCLUDE quotes): "editor.hover.enabled": false
Note: each line needs a comma after it. If you add to top, put a comma after this line. If you add to bottom, add a comma after the previous line.
Don't forget to save!
what JSON looks like

If you're new to coding, those tooltips can come in handy. You may want instead to just DELAY their appearance as Logan suggested.

click here: https://stackoverflow.com/a/53512394/8623576 or simply scroll up! :)

Note: I appreciate others have posted almost the EXACT same answer but, as I mentioned, this is the NOOB version that assumes the user has little/no experience with VS Code.

Upvotes: 7

Eldho

Reputation: 8291

editor.hover.enabled: false in settings.json to Tooltip

Click on Edit in settings.json

There are two panes

Default User Settings

"editor.quickSuggestions": {
    "other": false,
    "comments": false,
    "strings": false
  }

User Settings

"editor.parameterHints.enabled": false,
"editor.suggest.snippetsPreventQuickSuggestions": false,
"html.suggest.html5": false,
"editor.snippetSuggestions": "none",

This also can be done UI.

Setting Snippet Suggestions : false

Update August 2018 (version 1.27)

Goto File=>Preference=>Settings

Text Editor => Suggestions

Click on Edit in settings.json

"editor.parameterHints.enabled": false,
"editor.suggest.snippetsPreventQuickSuggestions": false,
"html.suggest.html5": false,

Update your suggest options and save.

Before August 2018

Goto File=>Preference=>User Settings

You will find settings.json

// Configures if the built-in HTML language support suggests Angular tags and properties.
"html.suggest.angular1": false,

"html.suggest.ionic": false,

"html.suggest.html5": false,

Just find your language and set suggest = false

Update

Setting to turn off ALL popups

"editor.parameterHints": false

Upvotes: 246

Elias Zamaria

Reputation: 101183

Simple way that no one here has mentioned: Code → Preferences → Settings. Search for "hover". Uncheck the checkbox where it says "Editor > Hover: Enabled".

Upvotes: 16