Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to change size of window tab font in Visual Studio Code?

My computer is 4k display and the tab font is too tiny now. How to change the size of window tab font in as shown in this picture? enter image description here

like image 373
Waterfr Villa Avatar asked Oct 14 '18 18:10

Waterfr Villa


People also ask

How do I change the tab size in VS Code?

Type “Indentation” into the search field then head to the “Editor: Tab Size” section. Replace the default space number with your preferred one: Your setting will be applied and reflected immediately. If this doesn't happen (it's a little lag sometimes), just reload or restart your VS Code.

How do I make my VS Code tab smaller?

In VS Code you can access the editor's tab size settings by pressing Command+Comma (Mac) or Ctrl+Comma (PC), and typing tabsizing . You can edit settings for regular and pinned tabs. Currently there are two options for sizing editor tabs: fit and shrink .


2 Answers

The window.zoomLevel setting can be accessed using: File > Preferences > Settings and search for "zoomlevel"

VS Code Screenshot of window.zoomLevel Setting

This setting appears to zoom everything in the window, except for the top menubar.

I use a zoomLevel of 0.5.

After changing it to 0.5, I reduced my setting for editor.fontSize, to avoid the fontsize in the code editor becoming too large.

An alternative to modifying window.zoomLevel in settings is to use Ctrl + and Ctrl - to modify window.zoomLevel in increments of 1.

(I don't think VS Code currently has any option to configure only the size of the font used for the tab names.)

like image 84
cosmicdust Avatar answered Sep 30 '22 18:09

cosmicdust


Please create a feature request for this on the repository.

like image 27
Mohammad Tahir Avatar answered Sep 30 '22 19:09

Mohammad Tahir