1天前
|
|
|
最近试用了 Google Antigravity 和 Trae，发现 Trae 的编辑器字体看着更舒服一点，但是两款编辑器底层都是 vscode，明明用了同一款编程字体，为什么 Trae 的编辑器看起来充满了高级感，代码清晰又悦目，而 Google Antigravity 的却显得拥挤、单薄，甚至有点“土”？
**字体只是骨架，排版和配色才是灵魂。**
今天这篇教程将带你手把手配置 VS Code，通过**JetBrains Mono** 字体配合**黄金排版参数**，让你的代码编辑器颜值瞬间提升一个档次。
## 1. 为什么是 JetBrains Mono？
JetBrains Mono 是由 JetBrains（开发了 IDEA, WebStorm 的公司）专门为开发者设计的开源字体。它的核心优势在于：
* **更高的 X-Height**：即使字号较小，字母看起来也很大，阅读不费眼。
* **独特的连字（Ligatures）**：将 `=>`、`===`、`!=` 等符号变成更符合逻辑的数学符号，减少视觉噪音。
* **清晰的辨识度**：完美区分 `1`、`l`、`I` 和 `0`、`o`。
## 2. 准备工作
如果你的电脑还没安装这款字体，请先前往官网下载：
* **下载地址**：[JetBrains Mono 官网](https://www.jetbrains.com/lp/mono/)
* **安装方法**：下载后解压，进入 `fonts/ttf` 文件夹，全选所有文件，右键点击“安装”。
## 3. 核心配置（Magic Happens Here）
很多人安装了字体后，只是简单修改了 `fontFamily`，导致效果平平。要达到“高级感”，我们需要调整**行高**和**字重**。
打开 VS Code，按下 `Ctrl + Shift + P` (Mac: `Cmd + Shift + P`)，输入 `Open Settings (JSON)`，将以下配置加入你的 `settings.json` 文件中：
```json
{
// 1. 字体家族设置
// 建议将 JetBrains Mono 放在首位，PingFang SC 用于优雅地渲染中文
"editor.fontFamily": "JetBrains Mono, 'PingFang SC', monospace, YaHei-Consolas-Hybrid, Consolas, 'Courier New'",
// 字体大小根据自己喜好设置
"editor.fontSize": 16,
// 2. 开启连字功能 (必须开启，否则你看不到漂亮的箭头和等号)
"editor.fontLigatures": true,
// 3. 调整字重 (关键点！)
// 默认的 400 (Normal) 在深色背景下通常显得太单薄。
// 设置为 500 (Medium) 会让字体更饱满，抗锯齿效果更好，看起来更“扎实”。
"editor.fontWeight": "500",
// 4. 调整行高 (关键点！)
// 默认行高通常太挤。设置为 1.6 倍行高，给代码“呼吸”的空间。
// 这也是为什么别人的截图看起来更清爽的核心原因。
"editor.lineHeight": 1.6,
// 5. 渲染优化
// Windows 用户建议开启此项，使字体边缘更平滑
"editor.fontAliasing": "antialiased"
}
```
### 为什么这样设置？
* **`fontWeight: "500"`**：在深色背景（Dark Mode）下，光线会“吃掉”一部分字体的笔画。稍微加粗一点（Medium），能极大提升阅读的舒适度。
* **`lineHeight: 1.6`**：JetBrains Mono 本身字身较高，需要更多的纵向空间。`1.6` 的行高能让代码块层次分明，避免密密麻麻的压迫感。
## 4. 选对“皮肤”：配色主题推荐
有了好的身材（排版），还得穿对衣服（主题）。如果你觉得界面还是不够好看，大概率是主题没选对。
推荐以下几款与 JetBrains Mono 完美契合的主题：
1. **One Dark Pro**：经典的原子风格，色彩对比度适中，久看不累（极力推荐）。
2. **Tokyo Night**：深邃的蓝紫色调，非常现代且高级。
3. **Dracula Official**：高对比度吸血鬼风格，适合喜欢鲜艳配色的朋友。
**设置方法**：在扩展商店搜索上述名称安装，然后 `Ctrl + K` + `Ctrl + T` 切换即可。
---
### 总结
不要小看这几个简单的数字调整。编程是我们每天都要面对的工作，一个赏心悦目的编辑器环境，不仅能保护视力，更能潜移默化地提升编码时的心情和效率。
快去试试吧！
🫵 来啊，说点有用的废话!
▲
