如何更改Visual Studio Code环境的字体大小?

问题描述 投票:146回答:14

有没有办法在Visual Studio代码中更改环境字体大小?像intellisense框,调试面板,文件名..等等。

我知道如何更改编辑器的字体大小,但我无法弄清楚如何更改环境字体大小。所以我想知道你是否可以以某种方式改变它。

visual-studio-code vscode-settings
14个回答
217
投票

目前,无法在编辑器外更改字体系列或大小。但是,您可以从View菜单中放大和缩小整个用户界面。

我们的VS Code 1.0版本更新:

新推出的设置window.zoomLevel允许持续缩放级别!它可以同时具有负值和正值以放大或缩小。


6
投票

在Visual Studio工作环境中更改字体大小的简单方法:

转到:文件 - >首选项 - >设置或按CTRL +,即CTRL + COMMA。

这将打开settings.json。

你可以在那里看到3个标签:

  1. 用户设置
  2. 工作区设置
  3. 文件夹设置

转到用户设置并添加:

{
"editor.fontSize": 16
}

现在只需保存并关闭文件即可。

在上面的代码中,16表示字体大小。根据您的意愿增加减少量。


5
投票

(Windows 7上的VS代码1.33.1)

全部缩放(UI和编辑器):CTRL + +,CTRL + - 。

缩放编辑器:CTRL +鼠标滚轮。

请参阅下文我如何修复它。

正如@Edwin所建议:按Control + Shift + P然后键入“设置”将允许您轻松找到用户或工作区设置文件。

我的设置文件位于:“C:\ Users \ You_user \ AppData \ Roaming \ Code \ User \ settings.json”

我的文件看起来像这样:

{
    "editor.fontSize": 12,
    "editor.suggestFontSize": 6,
    "markdown.preview.fontSize": 0,
    "terminal.integrated.fontSize": 10,
    "window.zoomLevel": 0,
    "workbench.sideBar.location": "left",
    "editor.mouseWheelZoom": true
}

4
投票

截至目前(2018年3月)和版本1.21.0,您可以转到“设置”,搜索“缩放”并将"editor.mouseWheelZoom": false更改为默认为true。这将允许使用控制按钮和鼠标 - ctrl + scrollUp/scrollDown放大/缩小VS Code。要更改VS Code的整个工作空间/屏幕的fontSize,请参阅上面的Alegozalves的答案。


2
投票

同时按下控制,移位,P,会出现一个菜单,搜索Editor Zoom in。选择之后,字体会在某种程度上变大。

重复此操作,直到达到所需的字体大小。


1
投票

按Ctrl键并使用鼠标滚轮放大或缩小。


128
投票

只需将"editor.fontSize": 18复制到编辑器的setting.json中即可。

按Control + Shift + P然后键入“设置”将允许您轻松找到用户或工作区设置文件。

enter image description here


55
投票

在Visual Studio Code中,通过按Ctrl +和Ctrl-可以更改IDE的整体字体大小。这比在每个会话中更改设置更快。希望能帮助到你...


17
投票

截至2017年中期要快速进入设置文件,按ctrl + shift + p并输入settings,您将在那里找到用户设置和工作区设置,请注意工作区设置将覆盖用户设置,因此最好使用后者直接使其成为一个全局变化(工作区设置将在您的项目根目录中创建一个文件夹),从那里您可以选择将"editor.fontSize": 14选项添加到您的设置作为快速建议,但您可以自己完成并更改您喜欢的字体大小的值。

把它们加起来:

  1. ctrl + shift + p
  2. 选择“用户设置”
  3. 添加"editor.fontSize": 14

13
投票

按@Edwin建议按Control + Shift + P后:

  1. 寻找工作区设置:

enter image description here

  1. 然后“将设置放在右侧的文件中以覆盖...默认和用户设置”,或单击“用户设置”选项卡以调整window.zoomLevel(如果这是所需的操作)。

enter image description here


11
投票

您可以从“视图”菜单中放大和缩小整个用户界面。

现在我正在使用版本1.21.1,在视图菜单中,您可以获得放大和缩小选项,这是第二个和第三个最后选项。您可以使用Ctrl + +和Ctrl + - 来完成。

您可以通过选择重置缩放选项随时重置缩放。


8
投票

尝试结合使用以下用户设置:

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

7
投票

根据版本1.2的更改日志,添加了新命令以仅放大和缩小字体,但整个UI。

更改日志:https://code.visualstudio.com/updates/v1_24#_font-zoom-commands

使用以下键绑定来替换默认的全局缩放操作:

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

在Windows和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" },

6
投票

enter image description here

我有我的设置为"editor.fontSize": 12,

保存文件,您将看到正确的效果。

enter image description here

请享用 !

© www.soinside.com 2019 - 2024. All rights reserved.