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

Question

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

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

It's called minimap. As of version 1.23.1 you can toggle minimap by menu View > Toggle Minimap — Arnab, May 23 '18 at 05:55
Also I keep accidentally clicking it, which jumps me to a different place in my code. Irritating. — Azurespot, Feb 26 '20 at 22:49
did you try `Ctrl+Shift+P` and then toggle mini-map using the command palette? — Charlie Parker, Jun 07 '20 at 18:17

oowekyala · Accepted Answer · 2019-05-09T15:44:15.393

575

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.

edited May 09 '19 at 15:44

answered Jun 27 '17 at 07:44

oowekyala

6,310
1
12
19

74

This should really be a option in the View menu. – Diedre Jun 27 '17 at 17:17
47

Nice work Microsoft! This is an option now in the view menu :) – Bharat Dec 10 '18 at 18:47
1

I wonder why the scaling is limited to a maximum of 3. I have a 27" 4K display, thus lots of space for some nice preview, but even with the maximum scale factor it occupies <10% of the editor's width. – daniel451 Jan 17 '20 at 20:23
Thank you, I'm not a fan of clutter and it is so much nicer now that it's gone – Gerry Apr 19 '20 at 17:49
there should be a way in the top answer how to fix this with the Command Palette. – Charlie Parker Jun 07 '20 at 18:16

score 91 · Answer 2 · edited Mar 16 '19 at 23:20

91

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

edited Mar 16 '19 at 23:20

Gama11

24,825
7
56
81

answered Sep 22 '17 at 17:25

Delante Lee Bess

1,013
7
6

This is the easiest one. Thank you. – Pinaki Mukherjee Feb 22 '21 at 02:34

score 51 · Answer 3 · answered Aug 24 '17 at 09:52

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.

score 20 · Answer 4 · answered Nov 29 '17 at 16:59

20

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.

answered Nov 29 '17 at 16:59

Haydentech

799
1
7
17

You can get there pretty fast by using: F1 and type Toogle Minimap – Morfidon May 04 '21 at 09:04

score 14 · Answer 5 · answered Jul 20 '20 at 20:49

14

I know of 3 ways to show/hide it.

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

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

answered Jul 20 '20 at 20:49

Brendan Metcalfe

487
7
8

score 13 · Answer 6 · answered Sep 22 '17 at 15:07

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.

score 13 · Answer 7 · answered Feb 04 '19 at 22:10

13

That view is called Minimap. To toggle, goto:

Toolbar -> View -> Toggle Minimap

answered Feb 04 '19 at 22:10

floss

1,487
1
11
26

score 11 · Answer 8 · answered Mar 11 '18 at 10:33

11

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

answered Mar 11 '18 at 10:33

Ali Metwally

163
2
5

1

I use Ctel+Shift+P only, this F1 + toggle minimap is even simpler,. Great, thanks Ali. – Ravi Shankar Kota Mar 12 '18 at 08:46
1

ctrl+shift+p or F1 both open Preferences, You Welcome – Ali Metwally Sep 24 '18 at 12:31

score 9 · Answer 9 · answered Mar 01 '19 at 12:20

9

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

answered Mar 01 '19 at 12:20

Raz

4,611
6
31
59

score 8 · Answer 10 · answered Jul 12 '20 at 19:59

8

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

answered Jul 12 '20 at 19:59

Anusha Bhat

131
2
2

Alaa A. Al Sa'edy · Answer 11 · 2021-05-06T11:58:06.903

6

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

edited May 06 '21 at 11:58

answered Jul 06 '20 at 00:04

Alaa A. Al Sa'edy

99
1
8

rajndev · Answer 12 · 2019-12-31T03:32:33.050

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

Right click anywhere on the minimap and select "Scroll Bar Options...".
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.
Press the OK button. This will remove the minimap.
If you want to reactivate the minimap, repeat the steps above except, this time, choose the "Use map mode for vertical scroll bar" option.

kalmalkan murthy · Answer 13 · 2018-02-23T13:49:07.073

4

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

On Windows.

Visual Code version 1.20.1

edited Feb 23 '18 at 13:49

answered Feb 23 '18 at 13:39

kalmalkan murthy

49
2

This is the same on Mac as well. – CodeBiker Nov 19 '20 at 16:36

iOS Developer · Answer 14 · 2017-11-13T12:15:00.443

1

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.)

edited Nov 13 '17 at 12:15

answered Nov 06 '17 at 07:14

iOS Developer

3,393
2
38
56

1

On Katalin it's as easy as clicking: View -> Show Minimap – askepott Mar 23 '20 at 09:44

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

14 Answers14

Linked

Related