How do I Disable Minimap in VSCode

Screen actual property is essential to each programmer, and Visual Studio Code’s preview pane can break your coding expertise rapidly. As helpful as some could discover it, the VSCode minimap perform isn’t excellent on smaller screens or when engaged on a display with increased resolutions.

Fortunately, the minimap doesn’t should take up pointless area. You can simply disable it in newer and older variations of Visual Studio Code, and this text will present you the way.

Disable Minimap in VSCode Versions Released After July 2022

The minimap possibility is discovered within the “View” menu of the VSCode editor. Thus, you’ll be able to allow or disable it in two straightforward steps.

1. Click on the “View” menu button.
   
2. Select the “Appearance” button and to go “Minimap” to disable or allow the function.
   

Once disabled, you’ll get prime display actual property back in the suitable a part of the display. The “Show Minimap” possibility must be obtainable on all Windows, Mac, and Linux VSCode editors from July 2022 and newer.

Disable Minimap in Older VSCode Versions

The menu bar didn’t have the identical “View” choices in older variations because the VSCode editors launched after July 2022. Therefore, the method of disabling the minimap isn’t as fast however is simply as straightforward.

How do I Disable the Minimap on Windows Systems

1. Launch your VSCode editor.
   
2. Go to the “File” menu.
   
3. Click the “Preferences” button.
   
4. Select “Settings.”
   
5. Look for the “Minimap” possibility and uncheck the “Controls Whether the Minimap is Shown”.
   

How do I Disable the Minimap on Linux Systems

1. Start the VSCode editor.
   
2. Head to the “File” menu.
   
3. Select “Preferences.”
   
4. Click “Settings.”
   
5. Find the “editor.minimap.enabled” possibility and uncheck it.
   

How do I Disable the Minimap on Mac Systems

1. Start your VSCode editor.
   
2. Go to the “Code” menu.
   
3. Click the “Preferences” button.
   
4. Select “Settings.”
   
5. Find the “editor.minimap.enabled” possibility and disable it.
   

Doing it like this protects your choice mechanically, so that you gained’t have to fret in regards to the VSCode editor minimap popping up once more.

Alternative Method to Disable the VSCode Minimap Preview Pane

You can add a particular command line within the consumer settings if you’d like a fair shorter route for disabling the VSCode minimap function.

Disable VSCode Minimap in User Settings on Windows Systems

Here’s how to rapidly take away the minimap preview pane within the VSCode editor on a Windows laptop computer or PC.

1. Press “Ctrl + ,” to carry up the consumer settings.
   
2. Type the next line: “editor.minimap.enabled” : false
   
3. Hit “Save.”

Disable VSCode Minimap in User Settings on macOS Systems

Mac customers can disable the VSCode minimap from the consumer settings equally to all different customers however have to press a unique keyboard shortcut.

1. Press the Apple command and comma keys collectively.
   
2. Type the next within the consumer settings: “editor.minimap.enabled” : false
   
3. Hit “Save” to use the modifications and take away the preview pane.

Disable VSCode Minimap in User Settings on Linux Systems

Disabling the VSCode minimap on a Linux laptop computer or PC includes the identical steps and keyboard shortcuts as a Windows system.

1. Press “Ctrl + ,” to entry the consumer settings.
   
2. Type: “editor.minimap.enabled” : false
   
3. Save to use the modifications.

How do I Change the VSCode Minimap Position

The VSCode editor minimap is displayed by default on the suitable aspect of the display. Not everybody desires to take away the preview, however they nonetheless don’t like its place.

If you need to use it in a unique place, you’ll be able to place it on the left pane with a easy command.

Change the VSCode Minimap Position on Windows System

Here’s how to maneuver the minimap within the VSCode editor from proper to left.

1. Press “Ctrl + ,” to entry the consumer settings.
   
2. Type: “editor.minimap.side” : “left”
   
3. Enter: “editor.minimap.enabled” : true
   
4. Save to use the modifications.

Change the VSCode Minimap Position on Linux Systems

The Linux VSCode editor has the identical shortcuts and instructions because the Windows model.

1. Press “Ctrl + ,” to go to the consumer settings.
   
2. Enter: “editor.minimap.side” : “left”
   
3. Type: “editor.minimap.enabled” : true
   
4. Hit “Save.”

Change the VSCode Minimap Position on Mac Systems

The steps are the identical within the Mac model of VSCode, apart from the consumer settings keyboard shortcut.

1. Press “Command + ,” to entry the consumer settings.
   
2. Type: “editor.minimap.side” : “left”
   
3. Enter: “editor.minimap.enabled” : true
   
4. Save to use the modifications.

How do I Change the Minimap Size in Visual Studio Code

The editor’s minimap dimension setting allows you to alter how this system scales the minimap relying in your file dimension or size. Visual Studio Code scales the minimap dimension proportionally to the dimensions of the file by default.

But that isn’t essentially the best choice for all display sizes, resolutions, and recordsdata. You could need to set totally different scalability guidelines till you discover the very best preview pane show for the minimap.

The VSCode editor affords three choices.

Proportional scaling is the default possibility that forces the minimap to scroll and scale proportionally with the file dimension. This means you gained’t be capable of see more of the file within the minimap.

The fill scaling possibility stretches and shrinks the minimap as a lot because it must fill your entire top of the editor. While this drastically shrinks the textual content dimension, it additionally allows you to view the entire file within the minimap. Thus, it eliminates the necessity to scroll by way of the minimap to maneuver to a particular file part.

When choosing the match scaling possibility, the editor shrinks the minimap to stop it from being bigger than the editor. Again, this eliminates scrolling. This possibility is sensible on bigger recordsdata however isn’t helpful when working briefly recordsdata as a result of the textual content could be too small.

Here’s how one can alter the minimap scaling on all VSCode variations.

Adjust Minimap Scalability in Windows

1. Press “Ctrl + ,” to carry up the consumer settings.
   
2. Type “minimap size” within the search bar.
   
3. Click the dropdown menu and select a unique possibility.
   

Adjust Minimap Scalability in Linux

1. Press “Ctrl + ,” to go to the consumer settings menu.
   
2. Type “minimap size” within the search bar.
   
3. Select a brand new possibility from the dropdown menu.
   

Adjust Minimap Scalability in MacOS

1. Press “Command + ,” to open the consumer settings.
   
2. Look for the “minimap size” within the search bar.
   
3. Click the dropdown menu and choose a unique possibility.
   

Is It Worth Using the Minimap Preview Pane?

The minimap function in VSCode was launched in early 2017. Many coders don’t recognize the way it seems to be, assume it interferes with the usable display area, or don’t like the way it works. But that doesn’t imply it doesn’t have its makes use of.

Unfortunately, many programmers agree that display actual property is simply too priceless to make use of the minimap, whether or not positioned on the suitable or left aspect of the display.

Firstly, the minimap makes working in vertical cut up display mode much more troublesome because it takes up an excessive amount of area. While it’s potential to make use of it when engaged on two recordsdata concurrently, it’s almost inconceivable to take action with three recordsdata.

Secondly, seeing the construction of an extended file doesn’t essentially make navigation simpler. High resolutions make the minimap display very powerful to learn and determine particular file sections.

Furthermore, even transferring from the highest to the underside of the file rapidly could be achieved with out the VSCode minimap. Users can press the next keyboard shortcuts as an alternative:

• “Ctrl + Home/End” in VSCode for Windows and Linux
  
• “Command + Up/Down Arrow” in VSCode for Mac
  

That stated, some coders could use the minimap for highlighting functions. You could filter the minimap for fast navigation for colours, search outcomes, lint errors, git historical past, and many others.

The VSCode  Minimap – A Love-Hate Relationship With Programmers

It’s clear that the minimap function isn’t for everybody, however the sentiment doesn’t solely apply to VSCode programmers. Minimap preview panes could be annoying in any coding editor. Therefore, studying to govern and customise the minimap is important to make your coding expertise more pleasurable.

Sometimes it helps, and generally it doesn’t. But whether or not you select to make use of a minimap comes down to non-public desire more typically than performance.

How typically do you employ the minimap, and when do you discover it most helpful when coding? Let us know within the feedback part beneath. Also, be at liberty to share your ideas on what display resolutions can maximize display area whereas using the minimap with out making its preview pane too onerous to learn.