10

我想在 VSCode 编辑器中突出显示尾随空格。

首先，我尝试通过开发工具添加 CSS 样式，例如：

span .token .block .meta .leading .whitespace:last-of-type {
  background-color: red;
}

span .token .block .meta .trailing .whitespace {
  background-color: red;
}

它的行为完全符合我的需要。

我的下一步是将其打包为扩展。我不想创建一个新主题，也不想让一个简单的解决方案变得更复杂。

但目前我只能看到两种更改编辑器样式的方法：

这两种解决方案都不允许我在 VSCode 编辑器样式集中添加六行 CSS。

问题是：

  • 我是否错过了将自己的 CSS 样式添加到 VSCode 中现有样式的选项？
  • 如果这是不可能的（我可以理解为什么它可能被封装）在 VS Code 扩展中突出显示尾随空格的正确方法是什么？
4

1 回答 1

4

由于 VS Code 的工作方式，它将把这些数据作为主题的一部分。

您将必须创建一个自定义主题。

您可以轻松地获取现有主题（直接从 VSCode github 项目复制代码）并进行小修改。

尝试制作一个主题，其文件尝试引用 VSCode 中的另一个现有主题会很有趣......如果主题名称更改可能会出现错误，但即使该主题已更新，也可以将您的 css 添加到现有主题？但老实说，这似乎更像是让一个不是超级简单但不是超级难的解决方案变得极其复杂......

最好的办法是制作一个主题。

于 2016-02-06T23:23:12.890 回答