VS Code界面缩放和编辑器字体设置

VS Code界面大小和编辑器字体设置

目录

• 一、VS Code设置的配置方式
• 二、图形化界面配置
• 三、setting.json配置

一、VS Code设置的配置方式

VS Code的配置通常使用UI界面和配置文件setting.json相结合的方式。分别如图一和图二所示。

图1. VS Code的设置界面

图2. VS Code的setting.json文件

本文主要介绍VS Code的界面缩放和编辑器字体类型大小的配置。需要注意的是，VS Code的配置有作用域的区别，如用户，workspace。

二、图形化界面配置

1. 界面大小设置

   • 快捷键：ctrl +，ctrl -分别控制缩放增大，减小。
   • 快速搜索设置项的快捷键ctrl shift p。
   • 设置---Window: Zoom Level，0表示100%，1表示125%，0表示85%。

2. 编辑器字体设置

   • 设置字体类型：
     • 设置---文本编辑器---字体---Font Family：'Jetbrains Mono', 'Microsoft YaHei UI', monospace。
     • 元素一为首选字体，一般为等宽英文字体，元素二为备用字体，一般用于中文显示，元素三为通用字体族，作为保底选项。
   • 设置字体大小：
     • 设置---文本编辑器---字体---Font Size。

   如图3所示：

   

   图3. 字体/界面缩放设置界面

三、setting.json配置

• 首先配置文件的打开方式如下

  • ctrl shift p搜索Open User Setting(JSON)。
  • 图形化配置界面每个配置项左侧有个小齿轮，点击小齿轮。
  • 点击将设置复制为JSON文本。
  • 复制到setting.json即可。

  // setting.json
  {
      "window.zoomLevel": 0,
      "editor.fontWeight": "normal",
      "editor.fontFamily": "'Jetbrains Mono', 'Microsoft YaHei UI', monospace",
      "editor.fontSize": 20,
  }
  

---

Make a Little Progress Every Day!