¿Cómo cambiar la sangría en el código de Visual Studio?

Para cada archivo typescript el código de visual studio utiliza una sangría automática de 8 espacios. Esto es un poco demasiado para mi gusto, pero no puedo encontrar dónde cambiarlo.

Tal vez esté disponible como un ajuste, pero bajo un nombre diferente, ya que no puedo encontrar nada relacionado con la sangría.

ACTUALIZACIÓN

Actualmente estoy usando el Prettier code formatter y eso resuelve todos los problemas de formato al formatear automáticamente al guardar (si no hay error de sintaxis)

HMR
Pregunta editada 21º noviembre 2019 в 9:19
Programación
formatting visual-studio-code
9º diciembre 2015 в 8:40
25 vistas
Solución

En la barra de herramientas, en la esquina inferior derecha, verás un elemento parecido al siguiente: Después de hacer clic en él, tendrá la opción de sangrar utilizando espacios o tabulaciones. Después de seleccionar el tipo de sangría, tendrá la opción de cambiar el tamaño de la misma. En el caso del ejemplo anterior, la sangría se establece en 4 caracteres de espacio por sangría. Si se selecciona el tabulador como carácter de sangría, entonces verá Tamaño del tabulador en lugar de Espacios.

Si quiere que esto se aplique a todos los archivos y no a cada uno de ellos, anule las opciones Editor: Tamaño del tabulador y Editor: Insertar espacios en la Configuración del usuario o en la Configuración del espacio de trabajo dependiendo de sus necesidades

Edición 1

Para llegar a la configuración de su usuario o espacio de trabajo vaya a Preferencias -> Configuración. Comprueba que estás en la pestaña Usuario o Espacio de trabajo dependiendo de tus necesidades y utiliza la barra de búsqueda para localizar la configuración. También es posible que desee desactivar Editor: Detectar sangría, ya que esta configuración anulará lo que haya establecido para Editor: Insertar espacios y Editor: Tamaño del tabulador cuando está activado

elliot-j
Respuesta editada 2º octubre 2019 в 4:29
Comentarios (12)

Para cambiar la sangría en función del lenguaje de programación:

  1. Abra la paleta de comandos (Ctrl+Shift+P)

  2. Preferencias: Configurar los ajustes específicos del idioma... (id de comando: workbench.action.configureLanguageBasedSettings)

  3. Seleccione el lenguaje de programación (por ejemplo TypeScript)

  4. Añade este código:

    "[typescript]": {
    "editor.tabSize": 2
}

Ver también: VS Code Docs

Martin Schneider
Respuesta editada 25º julio 2019 в 3:05
Comentarios (2)

Además de la respuesta de Elliot-J's, es posible que desee establecer el editor.detectIndentation a false.

VSCode sobreescribirá tus ajustes editor.tabSize y editor.insertSpaces por archivo si detecta que un archivo tiene un patrón de sangría diferente. Puedes encontrarte con este problema si añades archivos existentes a tu proyecto, o si añades archivos usando generadores de código como Angular Cli. La configuración anterior evita que VSCode haga esto.

Comentarios (0)