有什么方法可以直观地更改 VS Code 中特定编辑器的表示形式吗?

Is there any way to visually change representation for particular editor in VS Code?

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

有什么方法可以只更改特定文件的编辑器颜色,而无需通过 Custom CSS 施展魔法? 或者有没有其他方法可以直观地分隔这些文件?


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

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

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

更新。这就是我的 Workspace Watchdog 扩展的样子。

您可以使用面包屑来区分文件。将以下内容插入 settings.json 文件(Ctrl+ 或 CMD+):

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

查看下面的屏幕截图。

I've created a video on it.

希望对您有所帮助!