VS Code 代码编辑区界面缩放

2,388 阅读1分钟

前言

对很多人来说写代码时希望能放大代码编辑区的字体大小,而不去改变菜单栏、活动栏、侧边栏、面板栏和状态栏的大小。但广为人知的 VS Code 快捷键(Ctrl + =/-)却只能改变整体界面的缩放,怎么能做到只改变代码编辑区的字体大小呢?

界面缩放

VS Code 默认的界面缩放功能会放大主界面所有字体的大小。缩放的默认值为 0,每次递增/递减都会将缩放级别更改 20%(可通过window.zoomLevel设置)。可以通过点击菜单栏 View > Appearance > Zoom 来改变:

image.png

也可以使用快捷键:

  • 放大界面(View: Zoom In): Ctrl + =
  • 缩小界面(View: Zoom Out): Ctrl + -
  • 重置缩放(View: Reset Zoom): Ctrl + NumPad0

代码编辑区缩放

VS Code 中有命令用于直接改变代码编辑区的字体大小,但是这部分功能的快捷键默认没有被绑定,因而我们需要增加这部分键绑定。同时按下 Ctrl + Shift + P 调出命令面板,输入 Keyboard Shortcuts ,选择 Preferences: Open Keyboard Shortcuts

image.png

然后输入 Zoom 搜索得到关于缩放的命令,带有 Editor Font Zoom 字样的命令就是我们寻找的。接下来仅需要将这部分命令增加键绑定就可以使用了。点击命令左侧的加号,输入想要绑定的键再回车就设置成功了。如下图示:

image.png

在这里我的设置是:

  • 编辑区字体放大(Editor Font Zoom In):Ctrl + Shift + =
  • 编辑区字体缩小(Editor Font Zoom Out):Ctrl + Shift + -

参考资料