如何更改VS代码中的错误样式？

我想以更积极的方式突出错误，是否有可能在VS代码？如何更改VS代码中的错误样式？

基本上改变风格这一点：

UPD：例如侵略性亮点在webStorm：

来源

2016-11-19 Stepan Suvorov

据我知道这是不可能改变的外观错误。 “更具侵略性”是什么意思？ – Wosi

更新了问题 –

据我所知，改变错误的造型是不是该VSCode主题或扩展目前可以做。这个逻辑是内置的。这里的css used to render the redsquiggly currently

我建议你open a feature request against VSCode

来源

2016-11-29 02:14:56

yes，done - https://github.com/Microsoft/vscode/issues/16204 –

V1.12及以上

错误的自定义色彩强调现在可以通过本身在workbench.colorCustomizations工作区设置。 See the docs here。

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

不幸的是，只要我能找到，现在本地的自定义限于此。为了突出与背景颜色的错误，例如，你仍然不得不求助于下面给出的插件方法...

V1.7.2及以上

错误样式可以完全通过css使用vscode-custom-css扩展名进行自定义。

具有以下通过添加Preferences > User Settings（settings.json）

{ 
    "vscode_custom_css.imports" : [ 
    "file:///path/to/file/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创建文件custom-styles.css打开命令调色板（Mac：cmd + 移位 + P，在Windows/Linux的：CTRL +移+P）和搜索和执行Enable Custom CSS and JS，然后重新启动VS代码。

你完成了！

截图与上述风格适用于：

如果你在配置任何错误，或您所做的任何改变custom-styles.css，尝试完全重新启动VS代码，它应该刷新拿起正确配置/新样式。

注：感谢@Stepan Suvorov提出的github问题和@Matt Bierner指出适当的CSS，所以我可以得到这个扩展名固定。

如果任何VS Code开发者碰巧正在阅读此内容，首先感谢 - VS Code很棒 - 但内置错误样式对色盲人员来说是一个重要的可访问性问题。我是红绿色的色盲，黑色背景上的红色扭曲对我来说是一个很大的压力，特别是对于单个角色。

自定义错误样式的能力是我真正遗漏的最后一件事，从原子切换到VS代码。官方支持这将是一个很棒的功能！

来源

2016-12-08 12:11:38 davnicwil

经过近一年的时间，不幸的是，vscode-custom-css停止为我工作;同时vscode引入了一些设置来自定义布局。

尝试添加该在用户设置：

{ 
    // ..., 
    "workbench.colorCustomizations": { 
    "editorError.border": "#ca2323a4", 
    "editorError.foreground": "#ffffffb7" 
    } 
}

它会用这种方式显示错误：

来源

2017-11-06 21:41:56 pliski

如何更改VS代码中的错误样式？

回答

相关问题