Disable White Vertical Line - visual-studio-code

Question

So I've installed VS Code on my Mac and it works perfectly fine. There's just this white vertical line going down the screen which is kinda annoying.
I'm not sure if it's supposed to be some sort of guide, ruler or something. It just appeared from the start. Is there a way to disable it?
It looks like this :

Answer 1

There can be 2 places where it has "editor.rulers" in the settings.json.
Make both empty.

Answer 2

By default the ruler shouldn't be visible, but you can check for the following setting:
editor.rulers.
If set, it's an array with column numbers. If you want to turn it off, you can simply set an empty array like this:
"editor.rulers": []

Answer 3

This was bugging me a lot as well... so I finally tracked down the setting which turned it off.

Answer 4

In the latest version of vscode you can follow this process to get rid of that white line
Step 1: Go to Preferences -> Settings
Step 2: Search for editor rulers and click on edit in settings.json
Step 3: In many cases, it would be like this:
"editor.rulers": [
80
]
Remove 80 and make it an empty array and save it.
"editor.rulers": []
By following these steps the vertical line should be removed.

Answer 5

As my dart file was having that issue. So I have added in setting.json:
"[dart]" : {
"editor.rulers": []
}

Answer 6

If you search in your settings file - the default settings that is - you will find
// Controls whether the editor should render indent guides
"editor.renderIndentGuides": true,
Set that to false in your user settings - typically the right panel if you open "Settings' from the lower left gear icon.
You can also change the indent guides color if you wish. See Change indent color in theme for VSCode? to learn how to do so. Generally you can find a lot by opening up your Settings and then searching through the default settings.

Answer 7

If u just want to get rid of the rightmost line, edit your settings.json file
"editor.rulers": [],
And if you want to get rid of the left sidelines, just make sure

Answer 8

settings.json
{
"workbench.colorCustomizations": {
"editorRuler.foreground": "#00000000"//transparent
}
}
Vertical rulers in Visual Studio Code

Answer 9

steps for solution:
click ctrl+, in vs code editor, or manually open the setting in vscode editor.
search for editor rulers and after a search click on Edit in settings.json
enter image description here
make editor rulers empty.
close the tap
enter image description here

Answer 10

Here are some steps:
Open vs code settings.json file
then under json file search for this line of code "editor.rulers":
then remove the or blank the array like this"editor.rulers": [], and save the file.

Answer 11

Press Ctrl + Shift + P => Type: setting.json and then click "Open Settings (JSON)
Then change to this: "editor.rulers": [],