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

comandos de visual basic

Question

Para cada archivo mecanografiado, el código visual de estudio utiliza una sangría automática de 8 espacios. Esto es demasiado para mi gusto, pero no puedo encontrar 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.

Answer 1

Agregando: sí, puede usar la interfaz de usuario inferior derecha para configurar los ajustes de espacio. Pero si tiene un código existente que no está formateado con el nuevo espacio, puede hacer clic con el botón derecho en cualquier parte del archivo y hacer clic en Formatear documento . Me tomó un tiempo resolver esto hasta que me topé con este problema .

Menú de formato de documento

Answer 2

Atajo de formato de código:

VSCode en Windows - Shift + Alt + F

VSCode en MacOS - Shift + Opción + F

VSCode en Ubuntu - Ctrl + Shift + I

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

Selección de columna con teclado Ctrl + Shift + Alt + Flecha

Answer 3

En la barra de herramientas en la esquina inferior derecha, verá un elemento similar al siguiente: Después de hacer clic en él, obtendrá la opción de sangrar usando espacios o pestañas. Después de seleccionar su tipo de sangría, tendrá la opción de cambiar el tamaño de una sangría. En el caso del ejemplo anterior, la sangría se establece en 4 caracteres de espacio por sangría. Si selecciona la pestaña como su 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 un archivo editor.tabSize , anule la configuración de editor.tabSize y editor.insertSpaces en Configuración de usuario o Configuración de espacio de trabajo, según sus necesidades.

Answer 4

En mi caso, la extensión " EditorConfig for VS Code " anula la configuración de VSCode. Si lo tiene instalado, compruebe el archivo .editorconfig en la carpeta raíz del proyecto.

Aquí hay un ejemplo de configuración. "Indent_size" establece el número de espacios para una pestaña.

# editorconfig.org
root = true
[*]
indent_style = space
indent_size = 4
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[*.md]
trim_trailing_whitespace = false

Answer 5

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

1. Abra la paleta de comandos ( Ctrl + Shift + P )
2. Preferencias: Configurar opciones específicas de idioma ... (ID de comando: workbench.action.configureLanguageBasedSettings )
3. Seleccionar lenguaje de programación (por ejemplo, TypeScript)

4. Agrega este código:

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

Ver también: VS Code Docs

Answer 6

Problema: la respuesta aceptada en realidad no corrige la sangría en el documento actual.

Solución: ejecute Format Document para volver a procesar el documento de acuerdo con la configuración actual (nueva).

Problema: Los documentos HTML en mis proyectos son de tipo "Django HTML" no "HTML" y no hay ningún formateador disponible.

Solución: cámbielos a la sintaxis "HTML", formateelos y luego vuelva a "Django HTML".

Problema: El formateador HTML no sabe cómo manejar las etiquetas de plantilla de Django y deshace gran parte de mi anidamiento cuidadosamente aplicado.

Solución: instale la extensión Indent 4-2 , que realiza una sangría estrictamente, sin tener en cuenta la sintaxis del idioma actual (que es lo que quiero en este caso).

Answer 7

Quería cambiar la sangría de mi archivo HTML existente de 4 espacios a 2 espacios.

Hice clic en el botón ''Espacios: 4'' en la barra de estado y los cambié a dos en el siguiente cuadro de diálogo.

Yo uso la extensión ''vim''. No sé cómo volver a sangrar sin vim

Para volver a sangrar mi archivo actual, utilicé esto:

gg
=
G

Answer 8

También es posible que desee establecer el editor.detectIndentation en falso, además de la respuesta de Elliot-J.

VSCode sobrescribirá su configuración editor.tabSize y editor.insertSpaces por archivo si detecta que un archivo tiene una pestaña diferente o espacios de sangría. Puede encontrarse con este problema si agrega archivos existentes a su proyecto, o si agrega archivos usando generadores de código como Angular Cli. La configuración anterior evita que VSCode lo haga.