如何更改 vscode 侧边栏字体系列

戛戛J*_*ack 11 visual-studio-code

如何更改侧边栏中所有文本的字体系列?

我不喜欢默认字体,并且在settings.json.

Phi*_*aro 8

1. 一种选择

目前 VS Code 显然不原生支持这一点。然而,还有一些扩展。其中之一是:Custom CSS and JS Loader ,我在这个答案的帮助下找到了它。

找到要更改哪个 CSS 类并不是一件容易的事 - 下面的示例来自此评论- 我不确定是否想要更改。但是,例如,如果您想更改资源管理器的字体,则可以使用 -如果您想复制下面的示例 ipsis litteris,请先安装 Fira Code -:

.explorer-viewlet { 
  font-family: "Fira Code"; 
  font-weight: bold; 
}
Run Code Online (Sandbox Code Playgroud)

2. 按照扩展程序的说明进行操作

无论如何,您还需要非常仔细地遵循每个安装步骤:

  1. 安装此扩展。
  2. 添加到settings.json:
    "vscode_custom_css.imports": [""],
    "vscode_custom_css.policy": true,
    
    Run Code Online (Sandbox Code Playgroud) 非常重要:vscode_custom_css.imports 中的项目必须是 URL。普通文件路径不是 URL。Windows 文件 URL 示例:file:///C:/Users/MyUserName/Documents/custom.css. 该C:/部分是必需的。MacOS 和 Linux 文件 URL 示例:file:///Users/MyUserName/Documents/custom.css.
  3. 以适当的权限重新启动 VS Code 来修改自身:
  4. Windows:以管理员权限重新启动。MacOS 和 Linux:请参阅下面的说明。
  5. 激活命令“重新加载自定义 CSS 和 JS”。
  6. 重新开始。