VS Code intellisense menu display - visual-studio-code

I stupidly messed around with my vs code settings and now the intellisense option list is condensed. Does anyone know the fix for this?
Cheers

You should look at the
Editor: Suggest Line Height
0 is the default in which case it uses the Editor: Line Height setting, so it could be either one that is your issue.

Related

Fix issue with VS Code: Border around all whitespaces in lines of code

All my whitespaces in VS code where code is written are being highlighted and I cant seem to understand where to change these settings.
In settings (open Command Palette CTRL+SHIFT+P and search for settings) menu search for Editor: Render Whitespace it is probably set to all instead of default selection. But i honestly have no idea why it is render with boxes and not dots or arrows, maybe it can be customized by using custom themes.
It was probably because of the theme the source was using from where I copied the source code. Replaced all these spaces with regular whitespace and now it's working fine.

How to remove the red color indictors at the beginning of all the code?

When I updated Visual Studio Code, I am getting this annoying red indicator/highlighting before every line of code. Before the update, didn't have this issue. Does anyone know what is this and how to get rid of it?
I tried resetting and changing the theme but it didn't work.
I think this extension is causing your problem:
https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow
Try to disable/uninstall the "Indent-Rainbow" extension if it is installed.
For the "Trailing Spaces" extension, you can disable the highlighting option by adding this line to the settings.json file.
{
"trailing-spaces.highlightCurrentLine": false
}
You can find more settings here:
https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces
I had the same problem and I thought it must be some extension causing this and so I took a deeper look at all my extensions.
In my case there was an extension called 'trailing spaces' which was causing this.
the red highlighting disappeared as soon as I uninstalled it.
Try doing the same and if it doesn't work try to take a look at all of your extensions. (An easier way to do that would be to go over the extensions tab on the left navigation bar in settings menu).
On the bottom bar, to the right, just beside the "Ln XX and Col XX" you can choose "Select Indentation" to indent using spaces or tabs. Change that configuration or choose "detect indentation from content" and will solve the red background.
I just had to change the tab size from 4 to 2 (as configured within my eslint setup)
I kept the Indent Rainbow extension, but added this to my settings.json to disable the red highlights:
"indentRainbow.ignoreErrorLanguages": [
"markdown",
"python"
For my case it was an extension called Bracket Pair Colorizer

Weird spacing in vs code

Please have a look at the image given below and guide me how to fix it. This is making difficult it to read the comments and it is annoying because I like to have my code perfectly indented. Please help me out.
In the image tabsize is 8 (I set it for demonstration purpose)
This is probably caused by using a non-monospace font. To fix, try to reset your font the default settings:
Type Ctrl+Shift+P to open the command menu
Type Preferences: Open Settings (JSON)
Remove the line starting with "editor.fontFamily"

Visual Studio Code HTML Colors are off?

Can anyone help me figure out why code colors seems to be off? Doesnt matter what theme I am using, my element tags are always the same color as the text that might be in it.
I tried a reinstall and that didnt change anything.
Thank you
example of my issue (in the nav)
Not sure what the cause is but I fixed it by following the instructions on this page. Seems to have normalized everything by doing a complete reinstall
Complete uninstall of vscode

Line inside editor

I am trying to remove this line from my Netbeans editor view. I have no clue what it's for, and I find it disturbing.
How can I remove it? (Can't find it in color settings)
Here's a picture:
You have to set the right margin setting to 0.