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

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?


Solution 1:

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:

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:

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.