visual-studio-code - 有什么方法可以直观地更改 VS Code 中特定编辑器的表示？

Question

我经常同时打开放置在不同位置的类似文件，例如Dockerfile- 我的项目中的一个和示例文件夹中的一个。这让我很困惑，因为我经常尝试编辑错误的文件。我做了一个扩展，为当前工作区之外的文件着色，但我只能改变文本背景的颜色，而不是编辑器的颜色。这确实解决了问题，但看起来仍然不完美，并且会干扰 VS Code 自己的文本背景更改，例如选择文本时。

有没有办法只为特定文件更改编辑器颜色而不通过自定义 CSS做一些魔术？或者有没有其他方法可以在视觉上分离这些文件？

---

我对这个问题的第一次尝试是使用 "editor.rulers"选项 - 如果在用户设置中设置 for[10,20,30,40,50]和 for[100]在工作区文件夹中可视地更改非工作区文件的表示，但实际上看起来很尴尬。

我知道"workbench.colorCustomizations": {"editor.background": ...}选项，但这一个改变了所有编辑的背景；我没有找到让在同一个 VS Code 实例中打开的两个编辑器不同的方法。

此外，总有一种解决方案可以为每个工作区文件夹打开多个 VS Code 实例，每个文件夹都有自己的主题，但这会导致在慢速机器上性能不佳；而且我没有找到如何为同一个工作区文件夹打开多个实例。

更新。这就是我的 Workspace Watchdog 扩展的外观。

标签： visual-studio-codevscode-settingsvscode-extensions

Answer 1

您可以使用面包屑来区分文件。将以下内容插入到您的 settings.json 文件（Ctrl+ 或 CMD+,）中：

"breadcrumbs.enabled": true,
"breadcrumbs.filePath": "on",
"breadcrumbs.symbolPath": "off",
"breadcrumbs.symbolSortOrder": "position"

查看下面的屏幕截图。

我在上面制作了一个视频。

希望能帮助到你！