如何在VS Code中更改错误样式？

Question

我试图以更积极的方式突出显示错误,是否可以在VS Code中使用？

基本上要改变这种风格:

UPD:webStorm中激进亮点的例子:

Answer 1

v1.12及以上

现在可以通过workbench.colorCustomizations工作区设置自定义错误下划线颜色.请参阅此处的文档.

"workbench.colorCustomizations": {
  "editorError.foreground": "#000000", // squiggly line
  "editorError.border": "#ffffff" // additional border under squiggly line
}

不幸的是,据我所知,目前本机自定义仅限于此.例如,要使用背景颜色突出显示错误,您仍然需要使用下面的插件方法...

v1.7.2及以上

可以通过带有vscode-custom-css扩展名的css完全自定义错误样式.

custom-styles.css使用以下内容创建文件(将样式更改为首选)

.monaco-editor.vs .redsquiggly,
.monaco-editor.vs-dark .redsquiggly {
  background: rgba(255,255,255,0.2);
  border-bottom: 1px solid #fff;
}

custom-styles.css通过在Preferences > User Settings(settings.json)中添加以下内容来指向扩展名

{
  "vscode_custom_css.imports" : [
    "file:///path/to/file/custom-styles.css"
  ]
}

打开命令面板(Mac:cmd+ shift+ P,Windows/Linux:ctrl+ shift+ P)并搜索并执行Enable Custom CSS and JS,然后重新启动VS Code.

你完成了!

应用了以上样式的屏幕截图:

如果您在配置中出现任何错误,或者您进行了任何更改custom-styles.css,请尝试完全重新启动VS Code,它应该刷新并选择正确配置的/新样式.

NB感谢@Stepan Suvorov提出github问题和@Matt Bierner指出适当的css,所以我可以通过扩展来解决这个问题.

如果任何VS Code开发人员碰巧正在阅读此内容,首先要感谢 - VS Code非常棒 - 但内置的错误样式对于colourblind人来说是一个重要的可访问性问题.我是红绿色的colourblind,黑色背景上的红色波浪线对我来说非常紧张,特别是对于单个角色.

定制错误样式的能力是我真正错过的最后一件事,从原子切换到VS Code.对此的官方支持将是一个很棒的功能!

Answer 2

据我所知，改变错误的样式不是 VSCode 主题或扩展目前可以做到的事情。这个逻辑是内置的。这是用于渲染redsquiggly当前的css

我建议您针对 VSCode 提出功能请求