Disable wavy underline in VS Code

VSC Version: 1.45.1

Solution: Disable "JavaScript ESLint Enable" for JavaScript files.

  1. Open Command Palette by 'Ctrl+Shift+P'.
  2. From Command Palette find and click: 'Preferences: Open Workspace Settings'.
  3. From 'Workspace Settings' into search field type 'javascript'. From left sidebar look for Extensions -> ESLint.
  4. Click 'ESLint' and from right look for 'ESLint: Enable'.
  5. Uncheck 'ESLint Enable'.

enter image description here


In VSCode, those green squiggly lines mean a warning in your code. VSCode performs background code analysis(Linting) in order to provide you feedback about syntax and compilation errors.

In your particular case it is caused because of an empty CSS ruleset (declaring a selector but no properties). You can see the warning message by hovering mouse pointer over code with the green squiggly line underneath.

warning message VScode

You can disable the wavyline by disabling linting for CSS.

Go to File --> Preferences --> Settings and then place following line in Settings.json

"css.validate": false

Alternatively you can also change default behavior of empty ruleset which is "css.lint.emptyRules": "warning" to ignore VSCode settings.json There are also options to disable validating HTML and JavaScript code.


To disable wavy/squiggly underline in vscode, go to preferences and set underline color to fully transparent:

{
    "workbench.colorCustomizations": {
        "editorError.foreground":   "#00000000",
        "editorWarning.foreground": "#00000000",
        "editorInfo.foreground":    "#00000000"
    }
}

Though it may be better to make underline color just less vibrant:

{
    "workbench.colorCustomizations": {
        "editorError.foreground":   "#ff000088",
        "editorWarning.foreground": "#ffe60033",
        "editorInfo.foreground":    "#00ff0088"
    }
}