Removing the file preview on the right side of the editor in VS Code

Visual Studio-CodeVscode Settings

Visual Studio-Code Problem Overview

This beauty appeared after a recent update, and it is very distracting to me.

Screenshot code view in VS Code. On the right hand side is a very narrow column containing a small version of the code in the main view. There is a red arrow pointing to it, indicating that this is what the OP wants removed.

I searched through the menus, but didn't find any setting to remove it. Is there any way to banish it from the editor?

Visual Studio-Code Solutions

Solution 1 - Visual Studio-Code

This is called the minimap, and, as stated in that link, > If you would like to disable minimap, you can set "editor.minimap.enabled": false in your user or workspace settings.

Once you save the settings file, the minimap will be gone.

Solution 2 - Visual Studio-Code

You can also toggle the minimap from the Command Palette. You can go to 'View' and select Command Palette or just Ctrl+Shift+P and type in the word 'minimap', you will instantly get the option to toggle the minimap.

minimap toggle option

Solution 3 - Visual Studio-Code

Click on "File" -> "Preferences" -> "Settings" After Settings open, in "search settings" or press "Ctrl+f" type "editor.minimap.enabled" this will take you direct to the settings. On left of it edited option will be available right click to it. And set it to "false" After wards you can see the right side pane is hide.

Solution 4 - Visual Studio-Code

While all the answers here will accomplish what the original question asks, they are showing a dated, manual way of hiding the minimap. Current versions of Code have a "Toggle Minimap" item in the View menu, which will hide the minimap without the need to edit anything manually in User Settings.

Solution 5 - Visual Studio-Code

Ctrl + Shift + P and write Toggle minimap and hit enter and it's gone.

Solution 6 - Visual Studio-Code

That view is called Minimap. To toggle, goto:

Toolbar -> View -> Toggle Minimap

Solution 7 - Visual Studio-Code

I know of 3 ways to show/hide it.

  1. View -> Show Minimap
  2. Ctrl+Shift+P -> Toggle Minimap
  3. Settings.json -> "editor.minimap.enabled": false

I also made a Youtube tutorial here demonstrating all three ways.

Solution 8 - Visual Studio-Code

In VS, Click on View on the top toolbar, Then you will get a pop up, unselect --- Show minimap

enter image description here

Solution 9 - Visual Studio-Code

Oowekyala's answer is correct. I am adding a description with image for better understanding. Here is the number from 1 to 5 that describe the steps. Firstly click on File->Preferences->Settings. Then you will get User Setting page. Next, type "editor.minimap.enabled" in the search box(step-4). you will get setting option. On left of it edited option(step-5) will be available right click to it.

enter image description here

Solution 10 - Visual Studio-Code

Go to Preferences->Settings Under text-editor dropdown go to Minimap and there uncheck the enable of a minimap.

Solution 11 - Visual Studio-Code

This thing is called minimap

to toggle is on and off

crtl+p
then search for ">minimap"
then just click enter

And if you again want to use it, repeat above step's again

Solution 12 - Visual Studio-Code

Simply Click F1 a text box will appear search for minimap and select View:Toggle MiniMap

Solution 13 - Visual Studio-Code

Here is an easy and quick way to remove the minimap.

  1. Right click anywhere on the minimap and select "Scroll Bar Options...".

  2. On the right side of the dialog window that pops up, you will see a section named "Behavior" under which you should select the "Use bar mode for vertical scroll bar" option.

  3. Press the OK button. This will remove the minimap.

  4. If you want to reactivate the minimap, repeat the steps above except, this time, choose the "Use map mode for vertical scroll bar" option.

Solution 14 - Visual Studio-Code

From the View menuitem in Visual Code main menu, click on Toggle Minimap

On Windows.

Visual Code version 1.20.1

Solution 15 - Visual Studio-Code

On Mac: Code - Preferences - Settings, and in the right panel add the following line:

    "editor.minimap.enabled": false

Please care the commas, this file needs them after each but the last line. (It will warn you if a comma is missing.)

Categories
Recommended Visual Studio-Code Solutions
Recommended Vscode Settings Solutions

Previous Solution:

How do I add default parameters to functions when using type hinting?

PythonType HintingPython Typing

Next Solution:

How To: Execute command line in C#, get STD OUT results

C#Command Line

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestioneugenekrView Question on Stackoverflow
Solution 1 - Visual Studio-CodeoowekyalaView Answer on Stackoverflow
Solution 2 - Visual Studio-CodeDelante Lee BessView Answer on Stackoverflow
Solution 3 - Visual Studio-Codejahmed31View Answer on Stackoverflow
Solution 4 - Visual Studio-CodeHaydentechView Answer on Stackoverflow
Solution 5 - Visual Studio-CodeAlaa Al Sa'edyView Answer on Stackoverflow
Solution 6 - Visual Studio-CodeflossView Answer on Stackoverflow
Solution 7 - Visual Studio-CodeBrendan MetcalfeView Answer on Stackoverflow
Solution 8 - Visual Studio-CodeAnusha BhatView Answer on Stackoverflow
Solution 9 - Visual Studio-CodeTushar GhoshView Answer on Stackoverflow
Solution 10 - Visual Studio-CodeRaz BuchnikView Answer on Stackoverflow
Solution 11 - Visual Studio-CodeAjay SahuView Answer on Stackoverflow
Solution 12 - Visual Studio-CodeAli MetwallyView Answer on Stackoverflow
Solution 13 - Visual Studio-CoderajndevView Answer on Stackoverflow
Solution 14 - Visual Studio-Codekalmalkan murthyView Answer on Stackoverflow
Solution 15 - Visual Studio-CodeDisplay NameView Answer on Stackoverflow