VS Code – 如何更改字体

开发人员很容易低估他们工作环境的重要性。不,我们不是在谈论您的椅子、书桌和墙壁的颜色。我们谈论的是您的虚拟工作环境。

让您的 Visual Studio 代码编辑器感觉像家一样对您的工作效率非常重要。字体涵盖了整体 VS 感觉的很大一部分。在本文中,我们将教您如何在 VS Code 编辑器的各个部分中编辑字体。

如何在 VS Code 中更改字体

即使你是一个长期使用 VS 的开发人员,你仍然可能不知道它的字体更改选项。

如果您不关心为什么选择自己的字体很重要,请直接跳到下面几段的教程。但请记住,更改字体的原因(如下所述)可以帮助您做出决定。

为什么字体在 VS 中如此重要?好吧,如果美学方面对您来说还不够(相信我们,在代码编辑器中度过几个小时之后,它开始变得重要),它实际上也与功能有关。那么,是什么让字体“适合”VS?

首先,您会希望相似字符之间的区别是显着的。例如,轻松区分数字 1 和小写 L 可以显着加快编码速度并节省时间。

然后,有些开发人员喜欢使用连字。连字是连接在一起的几个符号。这些也称为“字形”,它们在编码时可能意味着很多。

事不宜迟,以下是在 VS 中更改字体系列的方法:

  1. 打开你的 VS 编辑器。

  2. 导航到屏幕的上部并选择 文件.

  3. 现在,在下拉菜单中,转到 偏好 >设置.

  4. 您现在将看到 常用 在屏幕右侧带有菜单的部分,您可以从此页面或按照以下步骤访问字体。

  5. 或者,点击 文本编辑器 > 字体 并寻找默认条目 “editor.fontFamily”:“Consolas”.

  6. 然后,而不是“康索拉斯,”输入您喜欢的字体名称。

这应该会自动更改字体系列。

如何在 VS Code 中更改字体大小

即使您有完美的视力,在编写代码行时,您也会希望自己的眼睛尽可能舒适。就像在选择字体系列时相似字符之间的差异很重要一样,字体大小对于使编码更直观并帮助您更有效地工作也很重要。

对于编码的最佳字体大小,没有一个神奇的公式。理想情况下,您希望尽可能清楚地看到字符,但您还希望线条适合 VS 窗口。因此,尝试不同的字体大小并找到适合您编码需求的完美字体。

以下是在 VS Code 中更改字体大小的方法:

  1. 导航到 用户设置 菜单(字体教程中的第 3 步)。

  2. 寻找 “editor.fontSize”:15 行,您的字体大小可能设置为不同的东西。

  3. 然后,而不是“15,”输入您喜欢的字体大小。

如何在 VS Code 中更改资源管理器的字体

VS Code 中的资源管理器功能就像大多数其他应用程序中的资源管理器功能一样工作。它用于管理、浏览和打开文件和文件夹以处理您的项目。由于 VS Code 是基于文件夹和文件的,因此资源管理器让您可以轻松上手 - 只需使用 VS Code 打开文件/文件夹即可。就这么简单。

您可以期望使用 VS Code Explorer。如果 Explorer 的字体大小不适合您,您会很高兴知道可以更改它。

  1. 前往 用户设置 再次菜单。

  2. 找出 “editor.fontSize”:14 条目,您的字体大小可能会有所不同。

  3. 将此更改为您选择的字体大小, 18 本例中使用。

如何在 VS Code 中更改终端字体

VS Code 允许您使用位于项目/工作区根目录下的集成终端,而不是切换窗口或更改现有终端的状态。当然,您可能希望在此处更改字体以方便使用。以下是更改 VS Code 终端字体的方法:

  1. 导航到项目/工作区的根文件夹。
  2. 打开 设置.json 使用 VS 代码创建文件。或者,在 VS Code 中,按 Ctrl+Shift+P (对于 Mac 设备使用 Command 而不是 Ctrl)并找到 设置.json 文件。 VS Code json 设置文件
  3. 将对应的三行改成这样:

    “terminal.external.osxExec”:“iTerm.app”,

    “terminal.integrated.shell.osx”: “/bin/zsh”,

    “terminal.integrated.fontFamily”: “D2Coding”,

    注意 D2编码 是一个例子。您还可以选择您喜欢的任何其他字体。

  4. 完成后保存设置。

要更改终端字体大小,请导航到 “terminal.integrated.fontSize”: 条目并将其设置为您自己的喜好。

如何在 VS Code 中更改注释的字体

默认情况下,代码注释条目与代码的其余部分使用相同的字体。改变这一点会使它们脱颖而出,这通常可以防止浪费数小时的工作(当评论与 VS 中的其他所有内容使用相同的字体时,很容易错过评论)。尽管这种事情看起来很简单,但解决方案比您预期的要复杂一些。此外,结果可能并不理想,因为这可能会导致一些对齐问题。不过,尝试一下也无妨:

  1. 转到设备上 VS Code 的根安装文件夹。
  2. 导航到 触摸样式.css 进入终端。这将创建一个样式表。
  3. 现在,是时候添加字体规则了。下面是一个样式示例:

    .mtk3 {

    字体系列:“iosevka”;

    字体大小:1em;

    字体样式:斜体;

    }

  4. 打开 设置.json 并添加此条目:

    “vscode_custom_css.imports”:

    "file:///Users/username/.vscode/style.css"],

  5. 现在,下载自定义 CSS 和 JS 加载器插件。
  6. 安装后,使用 Ctrl+Shift+P 命令并确保插件已启用。
  7. 重新启动 VS 代码。
  8. 评论现在应该有一个新字体。

如何在 VS Code 中更改侧边栏字体大小

VS Code 中没有允许用户更改终端字体大小的设置。但是,存在一种解决方法,它涉及提到的自定义 CSS 和 JS 加载器插件。

  1. 在插件中,导航到扩展详细信息并仔细按照教程部分进行操作。
  2. 使用以下逻辑:

    "vscode_custom_css.imports": ["[插入自定义文件 URL]"]

  3. 对每个自定义文件执行此操作。

结果应该会产生一个更好且美观的 VS Code 侧边栏。

如何使用不同的操作系统更改字体

如果您在 VS 中编码,那么您使用的是 Windows 计算机、Mac 或 Linux 系统。尽管这三个在 VS 方面并不相同,但差异主要归结为 Ctrl/Cmd 键选项和 VS Code 文件的默认位置。因此,VS Code 中字体更改的原理在所有设备上都几乎相同。

其他常见问题

为什么我不能在 VS Code 中更改字体?

在 VS Code 中您可能会犯很多错误,并且更改字体并不像在 MS Word 中那样简单。由于您将使用大量编码来更改实际的 VS Code 字体,因此您应该了解人们最常见的疏忽。确保每个条目都用引号引起来。例如, “vscode_custom_css.imports”:[“file:///Users/username/.vscode/style.css”], 除非您使用引号,否则将不起作用。此外,请确保在命令之间使用空格。

VS Code 中的代码使用哪种字体?

默认情况下,VS Code 中用于编码的字体是 Consolas。如果您遵循本指南,您可以更改 VS Code 中的大多数字体,无论我们是在谈论代码本身、终端、注释还是资源管理器功能。

然而,如果你说的是在 VS Code 官网图片上找到的字体,没有人能告诉你用的是哪一种。除非 VS Code 开发人员明确透露使用了哪种字体,否则无法查明。

如何破解 VS Code 字体?

本来,hack 的意思是修改,但是,如果你的意思是将 Hack 字体添加到 VS,你可以通过 Hack 的网站添加它。从 Hack 下载 TrueType 字体。解压缩下载的 zip 文件。安装提取的文件。然后,转到工具,然后是选项。在选项菜单中,选择环境,然后导航到字体和颜色。打开字体下拉菜单并选择 Hack 条目。

黑客使用什么字体?

根据经验,每个编码人员,包括黑客,都使用他们喜欢的字体。据称是“黑客的选择”的流行字体的一个很好的例子是 Ray Bluetens,也称为 Lawn Dart 字体。

在 VS Code 中更改字体选项

在 VS Code 中处理字体选项绝对不像在文本编辑器程序中更改字体那么简单。但是,考虑到我们在这里谈论的是编码软件,与竞争对手相比,VS 提供了多种选择。按照本文中的说明操作,让您的编码体验尽可能个性化、用户友好和流畅。

您是否设法在 VS Code 中编辑字体设置?你有遇到什么问题吗?向下滚动并查看下面的评论部分。它充满了很好的建议。不要避免提出自己的问题或开始讨论。我们的社区非常乐意提供帮助。