2016-11-19 3 views
4

Ich versuche, den Fehler in aggressiver Weise hervorzuheben, ist es in VS Code möglich?Wie ändere ich Fehlerarten in VS Code?

Grundsätzlich Stil, dies zu ändern:

enter image description here

UPD: Beispiel für aggressives Highlights in WebStorm:

enter image description here

+0

Soweit ich weiß, es ist nicht möglich, das Aussehen zu verändern Fehler. Was genau meinst du mit "aggressiver"? – Wosi

+0

aktualisiert die Frage –

Antwort

4

v1.12 und über

Anpassung der Fehler unterstreichen Farben nun nativ über workbench.colorCustomizations in Workspace-Einstellungen zur Verfügung stehen. See the docs here.

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

Leider soweit ich finden kann, denn nun die nativen Anpassung werden auf diese beschränkt. Um den Fehler mit einer Hintergrundfarbe zu markieren, zum Beispiel, werden Sie noch unten an die Plugin-Methode zurückgreifen ...


v1.7.2 und über

Fehler Stile können vollständig sein angepasst über CSS mit der vscode-custom-css Erweiterung.

Erstellen Sie eine Datei custom-styles.css mit der folgenden (die Stile als bevorzugte ändern)

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

Punkt die Erweiterung auf custom-styles.css durch die Zugabe von folgenden in Preferences > User Settings (settings.json)

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

Öffnen Sie den Befehl nach oben Palette (Mac: cmd + Verschiebung + P, Windows/Linux: ctrl + Verschiebung + P) und die Suche nach und Enable Custom CSS and JS auszuführen, starten Sie VS-Code.

Sie sind fertig!

Screenshot mit den oben genannten Arten angewandt: Screenshot with the above styles applied

Wenn Sie irgendwelche Fehler in der Konfiguration erhalten, oder Sie Änderungen in custom-styles.css, versuchen vollständig VS-Code neu zu starten, und es sollte neu geladen und die richtig abholen konfigurierte/neue Stile


N. B. Dank @Stepan Suvorov für die Erhöhung der Github-Problem und @Matt Bierner für das Aufzeigen der entsprechenden CSS, damit ich dies mit der Erweiterung behoben werden konnte.

Wenn irgendwelche VS-Code-Entwickler dies lesen, zuerst danke - VS-Code ist genial - aber das eingebaute Fehler-Styling ist ein wesentliches Zugänglichkeitsproblem für farbenblinde Menschen. Ich bin rot-grün-farbenblind und der rote Kringel auf schwarzem Grund ist eine ziemliche Belastung für mich, besonders bei einzelnen Charakteren.

Die Möglichkeit, die Fehler Stile anpassen, ist das letzte, was ich wirklich vermisse, Wechsel zu VS-Code von Atom. Offizielle Unterstützung dafür wäre ein großartiges Feature!

0

Nach fast einem Jahr, leider, vscode-custom-css aufhören zu arbeiten für mich; In der Zwischenzeit führte vscode einige Einstellungen ein, um das Layout anzupassen.

Versuchen Sie, diese in den Benutzereinstellungen hinzufügen:

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

Es die Fehler auf diese Weise zeigen:

enter image description here

Verwandte Themen