microsoft / microsoft/TypeScript-Sublime-Plugin

Difficulties with JSX/TSX indentation

Offen
#729 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
JavaScript
Sterne
1.7k
Forks
236
Ø Merge
21 T. 13 Std.
Gemergte PRs (30 T.)
1

Beschreibung

I have some issues getting indentation for JSX tags playing along nicely. Here's an exmaple:

  render() {
    return (
      <div class="wrap">
        <div>
        </div>
      </div>
      )
  }

Creating a new line anywhere within the JSX block indents to the parent starting line, not the indented one

  render() {
    return (
      <div class="wrap">
      |here
        <div>
        </div>
      </div>
      )
  }

Outside of JSX code the intendation works fine, for example inserting a new line after the opening bracket correctly indents by 2. This also messes with simple code formatting like through vintageous.

I tried playing with the typescript_auto_format setting and set my indent settings for typescript files to

{
    "tab_size": 2,
    "indent_size": 2,
}

but no good. Am I missing a setting here? (

(I have enable_*_language_service off and use typescript LSP through the sublime lsp project)

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

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

Es wird keine Datei und kein Test erwähnt. Reproduziere zunächst das Einrückungsverhalten von JSX/TSX im TypeScript-Plugin für Sublime Text mit den gezeigten Einstellungen für zwei Leerzeichen und der gemeldeten Language-Service-Konfiguration; als erledigt gilt die Aufgabe, wenn neue Zeilen innerhalb verschachtelter JSX-Elemente der Einrückung des umgebenden Tags folgen und die Formatierung konsistent funktioniert.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, typescript
Bereich
tooling
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

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