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


234

有没有办法在Visual Studio Code中更改环境字体大小?诸如IntelliSense框,调试面板,文件名之类的东西。

我知道如何更改编辑器的字体大小,但我不知道如何更改环境字体大小。所以我想知道您是否可以以某种方式更改它。


您可以从首选项菜单中的settings.json中找到所需的内容。Microsoft在其站点中提供了自定义设置formate 。
Yu Chi-Shan Yu

1
所有这些答案还会更改编辑器的字体大小。没有编辑器,如何更改环境字体大小?
mark-hahn

1
令人惊讶的是有多少非答案得到投票。在这里找不到OP问题的答案。然而,有许多人对与OP完全相同但又不同的问题重复了相同的答案。
Pedro Rodrigues

Answers:


304

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

VS Code 1.0版本的更新:

新引入的设置window.zoomLevel可以永久保持缩放级别!它可以同时具有负值和正值以进行放大或缩小。


3
有什么计划要在即将发布的版本中使用它吗?我们可以投票吗?在高分辨率和调试面板中,文件列表看起来确实很小
Sul Aga 2015年

您是否尝试过从视图菜单进行放大操作?
本杰明·帕塞罗

现在好多了。您能否将此“解决方法”添加到您的答案中,以便我将其标记为答案。谢谢
Sul Aga 2015年

如果缩小并想知道为什么光标消失,请检查是否将其设置为“细线”。将其设置为“线”将至少在缩小至60%缩放时可以解决该问题。
迈克尔·约翰斯顿

窗口缩放有一个缺点,例如,它可以在终端中触发“模糊字体”: github.com/microsoft/vscode/issues/84194
sandos

166

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

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

在此处输入图片说明


16
这项工作很好,但与OP想要的不一样,它不仅可以在文本编辑器中重新调整整个内容的大小
Thaina,2016年

@StepanSuvorov在下面看到我的新答案,我知道它来晚了,干杯!
randomguy04

@ randomguy04仍然看不到更改答案大小的捷径
Stepan Suvorov

91

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


4
请注意,这会修改用户设置“ window.zoomLevel”:1
Damian Green

2
在最新版本中,放大为 Ctrl + =
Ryan Walker

22

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

把它们加起来:

  1. ctrl+ shift+p

  2. 选择“用户设置”

  3. "editor.fontSize": 14


9
这不能回答OP的问题。OP特别要求更改环境字体大小,而不是编辑器字体。
克里斯,

感谢@Chris的反馈,但是我认为它可以回答问题并提供必要的信息。如果希望每个环境都具有它,请更改工作区设置而不是用户设置,并且您的特定环境设置将.vscode
保留

4
OP要求输入environment,就像GUI中文本编辑器中没有的所有内容一样Stuff like IntelliSense box, debug panel, file names, etc。我可能是错的,但我认为OP并不是指您所谈论的环境
克里斯(Chris)


14

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

现在,我使用的是1.21.1版本,并且在视图菜单中可以找到“放大”和“缩小”选项,这是倒数第二个和第三个选项。您可以使用Ctrl+ +Ctrl+来实现-

您可以随时选择“ 重置缩放”选项来重置缩放


1
在这里,整个用户界面意味着VSCode编辑器。
尚卡upadhyay

是的,可以缩放整个窗口,如果您使用的是高分辨率屏幕,这是完美的选择
Kirill

14

按下后Control+ Shift+ P通过@Edwin的建议:

  1. 查找工作区设置:

在此处输入图片说明

  1. 然后“将您的设置放到文件的右侧以覆盖...默认和用户设置”,或单击“用户设置”选项卡以调整window.zoomLevel(如果需要的话)。

在此处输入图片说明


10

根据版本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" },

8
  1. 打开VS代码
  2. 键入命令CTRL + SHFT + P
  3. 类型设定
  4. 设置文件将打开。
  5. 现在在“用户”>“文本编辑器”>“字体”下,找到“ 字体大小”
  6. 输入所需的字体大小

而已。


7

在此处输入图片说明

我有我的 "editor.fontSize": 12,

保存文件后,您将立即看到效果。

在此处输入图片说明

请享用 !


4
那不是要的
JohnC '18

7

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

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

这将打开settings.json

您可以在此处看到3个标签:

  1. 用户设置
  2. 工作区设置
  3. 资料夹设定

转到用户设置并添加以下内容:

{
"editor.fontSize": 16
}

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

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


6

(Windows 7上的VS Code 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
}

6

花了我很长时间才能弄清我的代码窗口过大时意外完成的事情:

缩小 = Ctrl+ Shift+ ,(逗号)

放大 = Ctrl+ Shift+ .(句号/句号)

实际上,这根本不是对所发布问题的答案,但我认为像我这样的人会因为症状而在这里结束!


5

在Visual Studio代码(版本:1.36.1)的编辑器中,有许多更改字体大小的选项

选项1:

转至:文件 > 首选项 > 设置 >选择用户选项卡> 文本编辑器 > 字体 > 字体大小

字体大小:根据需要更改字体大小(以像素为单位)


选项2:

Ctrl+P

搜索:settings.json,打开文件,并将此行添加到 settings.json文件中:

{
    "editor.fontSize": 20
}

注意:更改后保存文件


选项3:

Ctrl+ Shift+P

搜索:编辑器字体放大

  • 只需单击它,字体大小就会增加

搜索:编辑器字体缩小

  • 只需单击它,您的字体大小将减小

4

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


4

在Visual Studio Code中,可以从“设置”选项卡轻松更改字体大小。

最简单的做到这一点的方法是按Ctrl+ Shift+P,然后键入“设置”。这将显示一些结果。选择“设置(UI)”。设置选项卡将在编辑器中打开。现在,您可以从此处更改字体设置。这只会影响编辑器的字体。

或者,您也可以单击窗口左下方的设置图标,然后从那里搜索字体。

在此处输入图片说明

为了更改整个环境的字体大小,您可以考虑按ctrl+ +。这将像放大整个环境一样工作,从而增大字体大小。

选择设置(UI)


3

按下Ctrl并使用鼠标滚轮放大缩小


您可以从“查看”菜单放大和缩小整个用户界面。但是问题是如何更改字体大小

3

新闻CtrlShiftP在同一时间,会出现一个菜单,搜索Editor Zoom in。选择后,字体会变大一些。

重复此过程,直到达到所需的字体大小。


1

您可以在编辑器editor.fontSizesetting.json文件中使用。

例如 :

{
"editor.fontSize": 14
}
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.