您应该自定义的 VS Code 设置

VS Code 是一款高度可扩展的代码编辑器，拥有庞大的扩展程序市场，可增强您的工作流程。此外，它还提供许多强大的开箱即用设置和自定义功能，让您能够更好地使用 VS Code。

如何编辑您的设置

您的 VS Code 设置方便地存储在名为的 JSON 文件中settings.json。要在中编辑您的设置settings.json，请先使用打开命令面板CMD/CTRL + SHIFT + P。

在命令面板中，您可以选择两个命令来编辑您的设置：

这两个选项效果相同，并且显示相同的选项。进入“设置”选项卡后，您可以编辑用户设置或工作区设置。用户设置全局应用于所有 VS Code 实例，而工作区设置仅适用于您当前正在使用的工作区。工作区设置会覆盖用户设置。

如果您使用格式化程序（例如Prettier或Beautify），则可以通过将编辑器的粘贴格式设置更改为，强制 VS Code 在将文本粘贴到文件中时对其进行格式化true：



 "editor.formatOnPaste": true

通过自动格式化，您可以在每次粘贴时节省额外的点击次数。

除了粘贴时格式化之外，VS Code 还允许您在每次保存文件时进行格式化。与格式化粘贴的文本类似，保存时格式化需要使用格式化程序，例如 Prettier 或 Beautify。



"editor.formatOnSave": true

保存格式还能确保文件样式一致。无需再为代码格式问题操心，每次保存时，格式化程序都会帮您轻松搞定。

连字是指将两个或多个字符组合成一个字符。例如，<=将被转换为≤。在很多情况下，连字可以帮助提高代码的可读性。

在 VS Code 中添加连字非常简单。只需更新两个设置即可。

首先，请确保您使用的字体支持连字，并将其添加到编辑器的字体系列设置中。Fira Code是一款常用的字体，可以在 GitHub 仓库中找到下载说明。



"editor.fontFamily": "Fira Code"

一旦您有了喜欢的字体，只需将true字体连字设置的值更改为即可。



"editor.fontLigatures": true

现在，您可以使用实用的多字符组合，让您的代码更易于阅读。以下是 Fira Code 提供的连字类型：

VS Code 会在编辑器选项卡中已编辑但尚未保存的文件旁边显示一个小点。更改编辑器设置以突出显示已修改的选项卡，会在选项卡顶部显示一条彩色线条。



"workbench.editor.highlightModifiedTabs": true

这些点可能更难找到，特别是当您打开许多选项卡时，但更新此设置可以使未保存的文件脱颖而出，从而更容易导航。

如果您不想处理修改过的选项卡，则可以在延迟后、当焦点离开脏文件的编辑器时或当焦点离开 VS Code 窗口时自动保存文件。

为此，请将自动保存设置从更改off为afterDelay、onFocusChange或onWindowChange。



 "files.autoSave": "afterDelay"

自动保存并不适合所有人或所有项目，但在需要时或在特定工作区中切换会很好。

默认情况下，VS Code 会按字母顺序对文件资源管理器中的文件进行排序，但也有其他可用选项。

将排序顺序更改为type将会把具有相似扩展名的文件分组在一起，而将排序顺序更改为modified将会把最近修改的文件放在顶部。



"explorer.sortOrder": "type"

另一个选项是filesFirst按字母顺序排列所有内容，但将文件放在文件夹之前。根据项目的大小和复杂程度，对文件进行排序可以使您的工作流程导航更加直观。

我们花了很多时间盯着光标。为什么不自定义它呢？

光标可以更改为以下任意形状：
block、block-outline、line、line-thin、underline或underline-thin。将光标样式更改为您想要的形状：



 "editor.cursorStyle": "block"

闪烁动画也可以更改为blink、smooth、phase、expand或solid。只需更新光标闪烁设置：



"editor.cursorBlinking": "smooth"

保存文件时，VS Code 将修剪文件末尾的任何多余的换行符。



"files.trimFinalNewlines": true

我犯了在文件末尾积累空行的错误，所以能够自动清理这些空行真是太好了。

Enter默认情况下，VS Code 允许您使用或键接受建议Tab。

Enter可以关闭接受建议的功能（或者更改为在进行文本更改时smart接受建议）。Enter



 "editor.acceptSuggestionOnEnter": "off"

该开关可以帮助避免插入新行和接受建议之间的歧义。

现在您已自定义设置，可以使用扩展程序“设置同步”保存设置。“设置同步”的工作原理是使用 GitHub 和 gists 同步 VS Code 中的自定义设置。

如果您正在寻找更多想法，VS Code 文档提供了一些实用建议。另一个名为VS Code 的网站（可以做到这一点？！）提供了一系列精选的宝贵技巧。

如果您正在寻找其他扩展 VS Code 的方法，我之前也写过一篇关于您可能从未听说过的VS Code 扩展的文章。

我也很想听听您随着时间的推移调整了哪些设置！

试用我们的 VS Code 扩展Code Time或订阅我们的时事通讯SRC。