How to remove the file preview / minimap on the right side of the editor in VS Code?

Question

This 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
At least one great thing about VS Code is we can remove irritating features like this one — Gerry, May 04 '22 at 20:10

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

686

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

7,518
1
15
20

85

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

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
1

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 140 · Answer 2 · edited Mar 16 '19 at 23:20

140

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

31,714
9
78
100

answered Sep 22 '17 at 17:25

Delante Lee Bess

1,503
1
9
6

2

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

score 55 · 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.

Alaa El Saedy · Answer 4 · 2022-05-31T21:03:26.647

24

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

edited May 31 '22 at 21:03

answered Jul 06 '20 at 00:04

Alaa El Saedy

368
3
13

score 22 · Answer 5 · answered Nov 29 '17 at 16:59

22

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

1,096
1
11
27

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

score 18 · Answer 6 · answered Feb 04 '19 at 22:10

18

That view is called Minimap. To toggle, goto:

Toolbar -> View -> Toggle Minimap

answered Feb 04 '19 at 22:10

floss

2,603
2
20
37

score 17 · Answer 7 · answered Jul 12 '20 at 19:59

17

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

391
4
6

score 17 · Answer 8 · answered Jul 20 '20 at 20:49

17

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

753
10
10

score 15 · Answer 9 · 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 10 · answered Mar 01 '19 at 12:20

13

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 Buchnik

7,753
14
53
96

score 13 · Answer 11 · answered Sep 07 '21 at 03:41

13

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

answered Sep 07 '21 at 03:41

Ajay Sahu

186
1
7

Please add further details to expand on your answer, such as working code or documentation citations. – Community Sep 07 '21 at 05:02
`ctrl + shift + P` if you have atom keymap (or regular vscode?) – typo Oct 25 '21 at 19:05

score 11 · Answer 12 · 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

193
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

Raj Narayanan · Answer 13 · 2022-11-12T10:26:47.433

11

2022 Update

The latest 2022 version of VS Code (1.73.0) now makes this even more simpler. Simply do the following to remove the minimap:

Right click anywhere on the minimap and toggle the Minimap option.
To reactivate the minimap, right click anywhere on the scroll bar and toggle the Minimap option.

edited Nov 12 '22 at 10:26

answered Aug 22 '18 at 11:48

Raj Narayanan

2,443
4
24
43

1

Great answer. Easy to forget though since it's unexpected yet logical. Happened to me. ;-) – FifthAxiom Nov 10 '22 at 14:30

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

5

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

59
1
2

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

Display Name · Answer 15 · 2017-11-13T12:15:00.443

3

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

Display Name

4,502
2
47
63

1

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

score 0 · Answer 16 · answered Jul 01 '23 at 07:29

0

Launch your VSCode editor. Go to the “File” menu. Click the “Preferences” button. Select “Settings.” Look for the “Minimap” option and uncheck the “Controls Whether the Minimap is Shown”.

answered Jul 01 '23 at 07:29

Ali Hamza

67
6

score -2 · Answer 17 · answered Sep 18 '22 at 02:33

-2

Tools -> option ->Text Editor -> All Languages -> Scroll Bars -> Behavior toggle between the 2 options (use bar mode .. & use Map mode ... ) given that "Show vertical scrollbar " option is checked.

enter image description here

answered Sep 18 '22 at 02:33

SKP

1

1

That is not a VS code dialog, IIRC. – rene Sep 23 '22 at 15:42

How to remove the file preview / minimap on the right side of the editor in VS Code?

17 Answers17

Linked

Related