Visual Studio Code change font size for file explorer tray?

How do I change the font size for the file explorer in Visual Studio Code? There is not an option in the settings.json file.

I've found that setting the zoom level in settings.json works well for this:

"window.zoomLevel": 1

I have set

"window.zoomLevel": -1 and "editor.fontSize": 16.5

it works great here's a preview,

Sample value : -1, 0, 1, 2, ...

I have mine set to 0, like this "window.zoomLevel": 0,

Save the file, you will see the effect right the way.

I'm visually impaired and I had the same problem, my solution was

1. "Zoom Out" until I achieved my desired Explorer size (CTRL-), everything will be zoomed out.

2. Edit the settings.json and change the "fontSize" to 20 as reflected in my settings.json.

{
    "window.zoomLevel": 0,
    "editor.fontSize": 20,
    "php.validate.executablePath": "C:/apps/php 7.0.14/php.exe"
}

Type CTRL+SHIFT+P inside your VSCODE window and type/select "Open Settings (JSON)"

If you find the default font settings tiny (very much like I do), inside the curly brackets type:

"editor.fontSize": 16,
"terminal.integrated.fontSize": 14,
"window.zoomLevel": 1.4,

Try changing the sizes until it works for you

You can try:

Ctrl + + for zoom in

or

Ctrl + - for zoom out

I found what worked for me was "window.zoomLevel": 0.25, "editor.fontSize": 12

The decent way to do is to edit the "window.zoomLevel": 0, It changes everything on the screen from Project Explorer to your Font.

Also, You can customize only the font by "editor.fontSize": 15

P.S 15px is my personal choice.

Been looking for this answer for a while now. Finally found it on a different thread: https://stackoverflow.com/a/50783324.

Essentially you override the keyboard shortcuts for View:ZoomIn and View:ZoomOut with the ones for "Editor Font Zoom In" and "Editor Font Zoom Out". Note that you don't need remove the View-based shortcuts, just enter the Editor ones and they'll move to the top and override.

Works perfect.

https://code.visualstudio.com/updates/v1_24#_font-zoom-commands

Kudos to czen

Version: 1.43.1 (user setup) Date: 2020-03-18T07:01:20.184Z Electron: 7.1.11 Node.js: 12.8.1 V8: 7.8.279.23-electron.0 OS: Windows_NT x64

Its under 'window zoom' in 'settings'

The idea here is, you can make your window zoom level small and increase the font size, It will decrease the size of the window and font size you can select of your own size.

My MacBook Pro 16 settings.json is :

{

"window.zoomLevel": 0,
"editor.fontSize": 14,

}

Here another solution but it needs done at every update. Open (windows)

 C:\Users\me\AppData\Local\Programs\Microsoft VS Code\resources\app\out\vs\workbench\workbench.desktop.main.css

Then look for the first

  .part>.content

And replace the size.

  .part>.content{font-size:13px}