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.
13 Answers
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.
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
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.
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}
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,
}
Shortcut for increasing font size of just the file explorer in VSCode ->
Ctrl + Shift + =
Shortcut for decreasing font size of just the file explorer in VSCode ->
Ctrl + Shift + -
Related