Disable wavy underline in VS 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"
    }
}

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.


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


Scenario: VScode 1.35.1 with installed extension "StandardJS - JavaScript Standard Style".

  1. The extension in javascript files: underlines some code, checks for indent spaces, etc.

  2. How to stop javascript code style validation ?

Solution: Disable "JavaScript Standard Style" 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 -> JavaScript Standard Style.

  4. Click 'JavaScript Standard Style' and from right look for 'Standard: Enable'.

  5. Uncheck 'Standard Enable'.


Right Click in your editor window and select for 'Command Pallet' option

OR press CTRL+SHIFT+P and search for the option 'Enable Error Squiggle' and just click on it. That's it! If you want to Disable Red Wavy underlines showed after syntax error, just Follow the above procedure and search for 'Disable Error Squiggle' and click on it.