VS-Code - Wie wird das Tag-Ende und die Tag-Öffnung beim Formatieren ausgerichtet? (JSX)

9

Ich weiß nicht, ob dies das Standardverhalten für VS-Code ist (ich habe eine Menge von benutzerdefinierten Konfig über den Standard)

Aber wenn ich den Code formatiere, transformiert er solchen Code:

%Vor%

In:

%Vor%

Und mein Es-Lint warnt davor [eslint] The closing bracket must be aligned with the line containing the opening tag (expected column 5) (react/jsx-closing-bracket-location)

Wie kann ich es so optimieren, dass es richtig mit dem Tag-Start übereinstimmt?

Beachten Sie, dass die Datei JSX in einer .js-Datei verwendet. Daher habe ich den VS-Code entsprechend konfiguriert .

    
Vadorequest 02.01.2017, 14:08
quelle

1 Antwort

3

VSCode verwendet Ссылка darunter für die automatische Formatierung.

Es gibt ein kürzlich geschlossenes Problem im TypeScript Repo für dasselbe Problem, das Sie haben: Ссылка

Die Änderungen wurden noch nicht in die VSCode Stable-Version übernommen, aber mit der aktuellen Version von VSCode Insiders ( Ссылка ) > tag-aligns die schließende Klammer.

Sie können VSCode Insiders herunterladen und verwenden oder Ihre eslint-Regel so ändern, dass requisiten-ausgerichtete Klammern verwendet werden, bis die stabile Version erreicht wird:

"react/jsx-closing-bracket-location": [ "warning", "props-aligned" ],

    
nilgun 09.01.2017 22:00
quelle