Disable wavy underline in VS Code
VSC Version: 1.45.1
Solution: Disable "JavaScript ESLint Enable" for JavaScript files.
- Open Command Palette by 'Ctrl+Shift+P'.
- From Command Palette find and click: 'Preferences: Open Workspace Settings'.
- From 'Workspace Settings' into search field type 'javascript'. From left sidebar look for Extensions -> ESLint.
- Click 'ESLint' and from right look for 'ESLint: Enable'.
- Uncheck 'ESLint Enable'.
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.
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 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"
}
}