通过编辑和更新一些设置来改进 VS Code

2025-05-25

通过编辑和更新一些设置来改进 VS Code

本文介绍了五个技巧，教你如何 通过启用和编辑一些默认未设置的设置来提升
VS Code 的开发体验（至少对我这种前端开发用例来说是这样）。你可以前往你的 设置页面，通过命令面板打开并启用这些设置。

  1. CMD + ⌘ + P
  2. 输入设置
  3. - 3. 选择打开工作区设置（JSON）

或者使用快捷键（CMD + ,）并点击右上角的图标打开设置（JSON）。

以下是我为改善开发环境而添加的五🔥件事。

1. 启用括号着色

使用括号着色可以更容易地看到代码块的开始和结束位置。

// settings.json

// 1. enables vscode native bracket colorization
 "editor.bracketPairColorization.enabled": true
Enter fullscreen mode Exit fullscreen mode

2. 启用括号对引导

除了使用括号着色之外，我还喜欢添加括号对指南。

// settings.json

// 2. enables vscode pair guides
"editor.guides.bracketPairs": true,
Enter fullscreen mode Exit fullscreen mode

3. 高亮修改的标签

我想更清楚地知道我在处理哪个文件。

// settings.json

// 3. highlight active tab
"workbench.editor.highlightModifiedTabs": true,
Enter fullscreen mode Exit fullscreen mode

4. 使用字体连字

它使得区分代码行之间的比较变得更容易。

// settings.json

// use a font with font ligatures
"editor.fontFamily": "Jetbrains Mono, Menlo, Monaco, 'Courier New', monospace",
// 4. enable font ligature
"editor.fontLigatures": true,
Enter fullscreen mode Exit fullscreen mode

5. 启用嵌体提示

它可以帮助您查看需要传递到函数中的属性，而无需将鼠标悬停在函数调用上。

// settings.json

// 5. enable parameter hints
"typescript.inlayHints.parameterNames.enabled": "all",
Enter fullscreen mode Exit fullscreen mode
文章来源：https://dev.to/jcofman/make-vs-code-better-by-editing-and-updating-some-settings-4m9a
Devto 翻译
PREV
撰写优秀简历的技巧
NEXT
立即收藏这 8 个前端网站！