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

时间:2015-11-13 21:18:59

标签: visual-studio-code vscode-settings

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

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

23 个答案:

答案 0 :(得分:203)

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

我们的VS Code 1.0版本更新:

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

答案 1 :(得分:123)

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

控制 + Shift + P ,然后输入“设置”将允许您轻松找到用户或工作区设置文件。< / p>

enter image description here

答案 2 :(得分:45)

在Visual Studio代码中,按 Ctrl + Ctrl - 可以更改整体字体大小的IDE。 这比在每个会话中更改设置更快。 希望它有所帮助...

答案 3 :(得分:16)

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

总结一下:

  1. ctrl + shift + p

  2. 选择&#34;用户设置&#34;

  3. 添加"editor.fontSize": 14

答案 4 :(得分:13)

根据@Edwin建议按 Control + Shift + P

  1. 查找工作区设置:
  2. enter image description here

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

答案 5 :(得分:11)

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

现在我正在使用版本1.21.1 ,在查看菜单中,您可以获得放大和缩小选项,它们是第2个和第3个最后选项。 您可以使用 Ctrl + + Ctrl + - 来完成。

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

答案 6 :(得分:6)

enter image description here

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

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

enter image description here

享受!

答案 7 :(得分:6)

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

转到:文件 - &gt;偏好 - &gt;设置 CTRL + ,即CTRL + COMMA。

这将打开 settings.json

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

  1. 用户设置
  2. 工作区设置
  3. 文件夹设置
  4. 转到用户设置并添加此项:

    {
    "editor.fontSize": 16
    }
    

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

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

答案 8 :(得分:6)

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

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

答案 9 :(得分:5)

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

答案 10 :(得分:4)

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

答案 11 :(得分:4)

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

就是这样。

答案 12 :(得分:3)

花了我很长时间才能弄清我的代码窗口过大时我不小心做的事情:

缩小 = Ctrl + Shift + (逗号)

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

实际上根本不是对所发布问题的答案,但我认为像我这样的人由于症状而最终会来到这里!

答案 13 :(得分:2)

同时按Control,Shift和P,将出现一个菜单,搜索Editor Zoom in。 选择后,字体会变大一些。

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

答案 14 :(得分:1)

(Windows 7上为VS Code 1.33.1)

全部缩放(用户界面和编辑器):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
}

答案 15 :(得分:1)

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

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

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

Select Settings(UI)

答案 16 :(得分:1)

您可以在编辑器的editor.fontSize文件中使用setting.json

例如:

{
"editor.fontSize": 14
}

答案 17 :(得分:1)

按Ctrl键,然后使用鼠标滚轮放大或缩小。

答案 18 :(得分:0)

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

选项1:

转到:文件> 首选项> 设置>选择用户标签> 文本编辑器< / strong>> 字体> 字体大小

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


选项2:

Ctrl + P

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

{
    "editor.fontSize": 20,
}

注意:更改后保存文件


选项3:

Ctrl + Shift + P

搜索:编辑器字体放大

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

搜索:编辑器字体缩小

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

答案 19 :(得分:0)

有一个设置窗口。缩放可以放大整个窗口内容,包括顶部菜单和侧面导航树。在4k显示器上将此设置为1,可以使内容类似于具有相同物理尺寸的1080p显示器。

答案 20 :(得分:0)

如果你真的想改变环境的字体,在

编辑css
c:/Users/etech/AppData/Local/Programs/Microsoft%20VS%20Code/resources/app/out/vs/workbench/workbench.desktop.main.css

只需将您的自定义 CSS 放在文件末尾:

body{
   font-size : 15px !important
}

答案 21 :(得分:-1)

只需按照这些简单的步骤操作即可。

  1. 按 ctrl+shift+P
  2. 搜索编辑器:字体大小
  3. 根据需要更改大小

enter image description here

答案 22 :(得分:-2)

文件->首选项->设置->用户->字体->字体大小 输入字体大小。 您可以将这些设置与Git Hub或Microsoft TFS同步。

enter image description here

https://code.visualstudio.com/docs/getstarted/settings