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
– Arnab, Commented May 23, 2018 at 5:55
Also I keep accidentally clicking it, which jumps me to a different place in my code. Irritating. — Azurespot
– Azurespot, Commented Feb 26, 2020 at 22:49
At least one great thing about VS Code is we can remove irritating features like this one — Gerry
– Gerry, Commented May 4, 2022 at 20:10

oowekyala · Accepted Answer · 2019-05-09 15:44:15Z

712

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 9, 2019 at 15:44

answered Jun 27, 2017 at 7:44

oowekyala

7,7981 gold badge17 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Diedre Over a year ago

This should really be a option in the View menu.

Bharat Over a year ago

Nice work Microsoft! This is an option now in the view menu :)

daniel451 Over a year ago

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.

Gerry Over a year ago

Thank you, I'm not a fan of clutter and it is so much nicer now that it's gone

Charlie Parker Over a year ago

there should be a way in the top answer how to fix this with the Command Palette.

Gama11 · Accepted Answer · 2019-03-16 23:20:11Z

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

jahmed31 · Accepted Answer · 2017-08-24 09:52:17Z

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 · Accepted Answer · 2022-05-31 21:03:26Z

26

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

edited May 31, 2022 at 21:03

answered Jul 6, 2020 at 0:04

Alaa

4281 gold badge6 silver badges14 bronze badges

Comments

Haydentech · Accepted Answer · 2017-11-29 16:59:26Z

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.

You can get there pretty fast by using: F1 and type Toogle Minimap

floss · Accepted Answer · 2019-02-04 22:10:42Z

18

That view is called Minimap. To toggle, goto:

Toolbar -> View -> Toggle Minimap

answered Feb 4, 2019 at 22:10

floss

2,8432 gold badges23 silver badges41 bronze badges

Comments

Brendan Metcalfe · Accepted Answer · 2020-07-20 20:49:21Z

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.

Anusha Bhat · Accepted Answer · 2020-07-12 19:59:24Z

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

Tushar Ghosh · Accepted Answer · 2017-09-22 15:07:16Z

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.

Raz Buchnik · Accepted Answer · 2019-03-01 12:20:04Z

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

Ajay Sahu · Accepted Answer · 2021-09-07 03:41:47Z

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 7, 2021 at 3:41

Ajay Sahu

2062 silver badges8 bronze badges

2 Comments

Community Over a year ago

Please add further details to expand on your answer, such as working code or documentation citations.

typo Over a year ago

ctrl + shift + P if you have atom keymap (or regular vscode?)

Raj Narayanan · Accepted Answer · 2022-11-12 10:26:47Z

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.

Great answer. Easy to forget though since it's unexpected yet logical. Happened to me. ;-)

Ali Metwally · Accepted Answer · 2018-03-11 10:33:34Z

11

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

answered Mar 11, 2018 at 10:33

Ali Metwally

1933 silver badges5 bronze badges

2 Comments

Ravi Shankar Kota Over a year ago

I use Ctel+Shift+P only, this F1 + toggle minimap is even simpler,. Great, thanks Ali.

Ali Metwally Over a year ago

ctrl+shift+p or F1 both open Preferences, You Welcome

kalmalkan murthy · Accepted Answer · 2018-02-23 13:49:07Z

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, 2018 at 13:49

answered Feb 23, 2018 at 13:39

kalmalkan murthy

591 silver badge2 bronze badges

1 Comment

CodeBiker Over a year ago

This is the same on Mac as well.

Martin · Accepted Answer · 2017-11-13 12:15:00Z

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

user20815980 · Accepted Answer · 2023-07-01 07:29:25Z

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

SKP · Accepted Answer · 2022-09-18 02:33:09Z

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

Collectives™ on Stack Overflow

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

17 Answers 17

5 Comments

Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

2 Comments

1 Comment

2 Comments

1 Comment

1 Comment

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

17 Answers 17

5 Comments

Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

2 Comments

1 Comment

2 Comments

1 Comment

1 Comment

Comments

1 Comment

Linked

Related