Disable White Vertical Line

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 :

user_1630204 · Answer

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

user_7737777 · Answer

In the latest version of vscode you can follow this process to get rid of that white line

Step 1: Go to Preferences -> Settings Screenshot of the preferences panel

Step 2: Search for editor rulers and click on edit in settings.json Screenshot of the search result

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.

user_14058190 · Answer

As my dart file was having that issue. So I have added in setting.json:

"[dart]" : {

"editor.rulers": []
}

user_13096720 · Answer

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

user_13379365 · Answer

settings.json

{
  "workbench.colorCustomizations": {
    "editorRuler.foreground": "#00000000"//transparent
  }
}

user_16908294 · Answer

steps for solution:

user_13533625 · Answer

Press Ctrl + Shift + P => Type: setting.json and then click "Open Settings (JSON)

Then change to this: "editor.rulers": [],

user_8455396 · Answer

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.