如何在 VS Code 中自定义 HTML 文本节点中 URL 的颜色？

Question

自从开始使用 VS Code 以来，我一直无法更新文本和/或 HTML 文件中的颜色或 URL（见屏幕截图）。我看过所有的视频，但没有任何效果。这个选项在 Atom 上是小菜一碟，但对于 VS Code 来说，这是不可能的。请帮忙，'Inspect Editor Token and Scopes' 不适用于屏幕截图中的第 82 行。

尝试过的无效解决方案：

1. https://code.visualstudio.com/api/references/theme-color#text-colors

2. 在 Visual Studio Code 中自定义链接/URL 语法高亮颜色？

3. https://www.hmablogs.com/change-color-of-text-and-syntax-in-vscode-editor/

Answer 1

VS Code 内置的 HTML 语言支持，您无法在 HTML 的文本节点中自定义 URL-like 字符串的颜色

如果您在命令面板中使用

Developer: Inspect Editor Tokens and Scopes

命令检查此类标记的 TextMate 范围，您将看到的只是

text.html.derivative

，这是所有文本节点文本的一般范围。

HTML文本节点中的类URL字符串带有下划线的原因是因为VS Code只是将类URL字符串下划线作为一个通用特性。请参阅

DocumentLinkProvider<T>

的文档，其中声明：

提供给定文档的链接。请注意，编辑器附带一个默认提供程序，用于检测

http(s)

和

file

链接。

您所能做的就是找到或创建一个语言扩展，它确实为 HTML 文本节点中类似 URL 的字符串提供专门的 TextMate 范围，然后使用该范围来自定义颜色。您可以在此处找到内置的 HTML TextMate 语法定义：https://github.com/microsoft/vscode/tree/main/extensions/html/syntaxes.