microsoft / microsoft/TypeScript

Provide Format Options for JSX/TSX End of Tag Placement

Offen
#12,539 1 Kommentar 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Domain: Formatter Help Wanted Suggestion VS Code Tracked
Vorherrschende Sprache
Go
Sterne
111k
Forks
14.3k
Ø Merge
1 T. 19 Std.
Gemergte PRs (30 T.)
117

Beschreibung

From https://github.com/Microsoft/vscode/issues/16018 @VanishingDante

For the following JSX/TSX code:

<div
    >
    <img
        />
</div>

The current formatting settings do nothing. There does not seem to be a way to control how the ending > is placed on lines.

We would like an additional formatting setting so that we can format the above code as:

<div>
    <img />
</div>

This formatting option would be helpful for elements with many attributes.

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne damit, den Einstiegspunkt für die JSX/TSX-Formatierung und die vorhandenen Formatierungseinstellungen zu finden, die das Ende von Tags behandeln. Reproduziere die Beispiele im Issue und ermittle, wie eine neue Option die Platzierung schließender spitzer Klammern steuern würde; die Aufgabe ist erledigt, wenn die angeforderte Formatierung ausgewählt werden kann und die gezeigte Ausgabe erzeugt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, typescript
Bereich
tooling
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.