¿Cómo cambiar la sangría en Visual Studio Code?

Para cada archivo mecanografiado, el código de Visual Studio utiliza una sangría automática de 8 espacios. Esto es demasiado para mi gusto pero no encuentro dónde cambiarlo.

Tal vez esté disponible como configuración pero con un nombre diferente ya que no puedo encontrar nada relacionado con la sangría.

ACTUALIZAR

Actualmente estoy usando el formateador de código Prettier y eso resuelve todos los problemas de formato al formatear automáticamente al guardar (si no hay ningún error de sintaxis)

Dec 09 '15 15:12 HMR

En la barra de herramientas en la esquina inferior derecha verá un elemento similar al siguiente:

captura de pantalla con "Espacios: 4" resaltado

Después de hacer clic en él, tendrá la opción de sangrar usando espacios o tabulaciones. Después de seleccionar su tipo de sangría, tendrá la opción de cambiar el tamaño de la sangría. En el caso del ejemplo anterior, la sangría se establece en 4 caracteres de espacio por sangría. Si se selecciona la pestaña como carácter de sangría, verá Tamaño de pestaña en lugar de Espacios.

Si desea que esto se aplique a todos los archivos y no a cada archivo individual, anule la configuración Editor: Tab Sizey Editor: Insert Spacesen Configuración de usuario o Configuración de espacio de trabajo , según sus necesidades.

Editar 1

Para acceder a la configuración de su usuario o espacio de trabajo, vaya a Preferencias -> Configuración . Verifique que esté en la pestaña Usuario o Espacio de trabajo según sus necesidades y use la barra de búsqueda para ubicar la configuración. Es posible que también quieras desactivarlo, Editor: Detect Indentationya que esta configuración anulará lo que configuraste Editor: Insert Spacesy Editor: Tab Sizecuándo está habilitado.

Jul 24 '2016 21:07 elliot-j

Puede cambiar esto a Usernivel global (todos sus proyectos si no se configuran deliberadamente) o Workspacea nivel (solo para el proyecto de trabajo actual).

Abra la configuración: haga clic en el engranaje en la parte inferior izquierda, luego haga clic Settingscomo se muestra a continuación.

Configuración en el menú VS Code

Luego, haz los siguientes 2 cambios: (escribe tabSizeen la barra de búsqueda)

Desmarque la casilla de verificación deDetect Indentation
Cambie el tamaño de la pestaña para que sea 2/4 (aunque creo firmemente que 2 es correcto para JS. Jaja :))

vscode establecer tamaño de pestaña

Dec 16 '2019 09:12 Xin

Para cambiar la sangría según el lenguaje de programación :

Abra la paleta de comandos ( CtrlShiftP| macOS: ⇧⌘P).
Escriba y seleccione: Preferencias: Configurar ajustes específicos del idioma... (ID de comando:) workbench.action.configureLanguageBasedSettings.
Seleccione un lenguaje de programación (por ejemplo TypeScript).

Si se abre el menú Configuración ( desde 1.66.0 ):
4. Presione →para colocar el cursor justo al lado del filtro de idioma (p. ej. @lang:typescript).
5. Escriba Tamaño de pestaña e ingrese su valor preferido en el cuadro de texto.
Si se abre el archivo settings.json
: 4. Agregue este código:
```
"[typescript]": {
    "editor.tabSize": 2
}
```

Ver también: Documentos de VS Code

Aug 14 '2017 09:08 Martin Schneider

Atajo de formato de código:

VSCode en Windows: Mayús + Alt + F

VSCode en MacOS: Mayús + Opción + F

VSCode en Ubuntu - Ctrl + Shift + I

También puede personalizar este acceso directo usando la configuración de preferencias si es necesario.

selección de columnas con teclado Ctrl + Shift + Alt + Arrow

Jul 31 '2018 07:07 Sujatha Girijala