how to change Visual Studio Code environment font

问题:

Is there a way to change the environment font size in Visual Studio Code? stuff like intellisense box, debug panel, file names ..etc.

I know how to change the editor's font size but I couldn't find how to change the environment font size so I wonder if you can change it somehow

回答1:

Currently it is not possible to change the font family or size outside the editor. You can however zoom the entire user interface in and out from the View menu.

Update for our VS Code 1.0 release:

A newly introduced setting window.zoomLevel allows to persist the zoom level for good! It can have both negative and positive values to zoom in or out.

回答2:

Just copy "editor.fontSize": 18 into your setting.json of the editor.

Pressing Control+Shift+P and then typing "settings" will allow you to easily find the user or workspace settings file.

回答3:

In Visual Studio Code, by pressing Ctrl+ and Ctrl- you can change the overall font size of the IDE. This helps faster than changing settings in every session. Hope it helps...

回答4:

As of mid 2017 To quickly get to the settings files press ctrl + shift + p and enter settings, there you will find the user settings and the workspace settings, be aware that the workspace settings will override the user settings, so it's better to use the latter directly to make it a global change (workspace settings will create a folder in your project root), from there you will have the option to add the option "editor.fontSize": 14 to your settings as a quick suggestion, but you can do it yourself and change the value to your preferred font size.

To sum it up:

1. ctrl + shift + p

2. select "user settings"

3. add "editor.fontSize": 14

回答5:

After Pressing Control+Shift+P as suggested by @Edwin:

1. Look for Workspace Settings:

2. Then "Place your settings in the file to the right to overwrite...default and user settings," or click the UserSettings tab to adjust the window.zoomLevel if that is the desired action.

回答6:

I have mine set to "editor.fontSize": 12,

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

Enjoy !

回答7:

A Simple approach to change the Font Size in Visual Studio Work Environment :

Go To : File -> Preferences -> Settings OR Press CTRL+, i.e. CTRL + COMMA.

This will open settings.json.

You can see 3 tabs there :

1. User Settings
2. Workspace Settings
3. Folder Settings

Go to User Settings and Add this :

{
"editor.fontSize": 16
}

Now just save and close the file.

In above code, 16 represents the font size. Increase of Decrease as per your wish.

回答8:

You can Zoom In and Zoom Out the entire user interface from the View menu.

Right now i'm using version 1.21.1 and there in view menu you can get the Zoom in and Zoom out option which are the 2nd and 3rd last options. You can do it by using Ctrl + + and Ctrl + -.

You can reset the zoom at any time by selecting Reset Zoom option.

回答9:

According to the changelog of version 1.2, new commands were added to zoom in and out only the font but the entire UI.

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

Use the following keybindings to replace the default global zoom actions:

on macOS:

{ "key": "cmd+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+cmd+=",         "command": "editor.action.fontZoomIn" },
{ "key": "cmd+=",               "command": "editor.action.fontZoomIn" },
{ "key": "cmd+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+cmd+-",         "command": "editor.action.fontZoomOut" },
{ "key": "cmd+-",               "command": "editor.action.fontZoomOut" },
{ "key": "cmd+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "cmd+0",               "command": "editor.action.fontZoomReset" },

on Windows and Linux:

{ "key": "ctrl+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+ctrl+=",         "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+=",               "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+ctrl+-",         "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+-",               "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "ctrl+0",               "command": "editor.action.fontZoomReset" },

回答10:

As of now (March 2018) & version 1.21.0, you can go to Settings, search for 'zoom' and change "editor.mouseWheelZoom": false which is false by default to true. This will allow to zoom in/out on VS Code using control button and mouse - ctrl + scrollUp/scrollDown. For changing the fontSize of the overall working space/screen of VS Code, refer to Alegozalves's answer above.

回答11:

Try playing around with a combination of the following user settings:

{
  "editor.fontSize": 18,
  "window.zoomLevel": 1.5,
}

回答12:

Press control, shift, P at the same time, a menu will appear, search for Editor Zoom in. After selecting that, the font will get larger by some degree.

Repeat this until you achieve your desired font size.

回答13:

You can find what you want in settings.json from the preference menu. Microsoft gives the customization setting formate in their site.