Difficulties with JSX/TSX indentation

Abierto
#729 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
25/100
Tipo de issue
Error
Claridad
Necesita aclaración
Estado de actividad
Estancado
Stack tecnológico
javascript, typescript
Área
tooling

Línea de trabajo

No se menciona ningún archivo ni prueba. Primero reproduce el comportamiento de indentación de JSX/TSX en el plugin de TypeScript de Sublime Text con la configuración mostrada de dos espacios y la configuración reportada del servicio de lenguaje; se considera terminado cuando las líneas nuevas dentro de JSX anidado siguen la indentación de la etiqueta circundante y el formato se comporta de forma coherente.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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)

Lenguaje dominante
JavaScript
Estrellas
1.7k
Forks
236
Merge medio
21 d 13 h
PR fusionados (30 d)
1

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de microsoft/TypeScript-Sublime-Plugin

Todos los issues de microsoft/TypeScript-Sublime-Plugin

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.