Visual Studio Code change font size for file explorer tray?

Question

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.

Answer 1

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"
}

Answer 2

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

Answer 3

You can try:

Ctrl + + for zoom in

or

Ctrl + - for zoom out

Answer 4

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'

Answer 5

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.

Answer 6

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