Código de Visual Studio: el formato no utiliza la configuración de sangría

Al usar el Format Codecomando en Visual Studio Code, no está respetando mi configuración de sangría ( "editor.tabSize": 2). En su lugar, utiliza un tamaño de pestaña de 4. ¿Alguna idea de por qué está sucediendo esto?

¡Gracias!

El número de espacios a utilizar para formatear se toma de una ubicación diferente. Estoy usando la versión 1.0 y esto es lo que he hecho para solucionarlo (supongo que usa espacios en lugar de pestañas):

En la parte inferior del editor a la derecha, haga clic en "Espacios: #":

Entonces aparecerá un menú en la parte superior. Seleccione "Sangría utilizando espacios":

Finalmente, puede seleccionar cuántos espacios desea que sus archivos tengan sangría.

La próxima vez que formatee un archivo, debería poder obtener el espacio que configuró.

Visual Studio Code detecta la sangría actual por defecto y la usa, ignorando el .editorconfig

Establezca también "editor.detectIndentation" en falso

(Archivos -> Preferencias -> Configuración)

Si la respuesta de @ Maleki no funciona para usted, verifique si tiene un .editorconfigarchivo en la carpeta de su proyecto.

Por ejemplo, la CLI angular genera uno con un nuevo proyecto que se ve así

# Editor configuration, see http://editorconfig.org
root = true

[*]
charset = utf-8
indent_style = space
indent_size = 2
insert_final_newline = true
trim_trailing_whitespace = true

[*.md]
max_line_length = off
trim_trailing_whitespace = false

indent_sizeSe requiere cambiar aquí, ya que parece que anulará cualquier cosa en su .vscodeespacio de trabajo o configuración de usuario.

Si está utilizando un complemento (en mi caso Vetur, para vue.js), estos pueden establecer su propia configuración de formato de pestaña.

Abra su configuración, busque "formato" y mire las configuraciones de complementos relevantes que pueden estar sobrescribiendo el formato de pestaña global. Esto funcionó para mí; una vez que actualicé la configuración de la pestaña Vetur para que coincida con mi preferencia (pestañas de 4 tamaños en mi caso), el formateo de los documentos .vue comenzó a funcionar correctamente:

Para mí, este problema fue causado por el uso del prettiercomplemento VSCode sin tener un archivo de configuración más bonito en el espacio de trabajo.

Deshabilitar el complemento solucionó el problema. Probablemente también podría haberse solucionado confiando en la configuración más bonita.

Lo más probable es que tenga alguna extensión de formato instalada, por ejemplo, JS-CSS-HTML Formatter .

Si es el caso, simplemente abra la Paleta de comandos, escriba "Formateador" y seleccione Formatter Config. Luego edite el valor de "indent_size"lo que quiera.

PD No olvides reiniciar Visual Studio Code después de editar :)

la configuración a continuación resolvió mi problema

  "editor.detectIndentation": false,
  "editor.insertSpaces": false,
  "editor.tabSize": 2,

Si vino aquí desde google porque la tabulación no tiene sangría, esto también puede deberse a que "Tab Moves Focus" está activado. Está en la parte inferior derecha, y si tiene un monitor lo suficientemente grande, puede perderlo a pesar de estar resaltado.

Haga clic en el área verde o Ctrl + M para detenerlo. No estoy seguro de que pueda deshabilitarse por completo, de nuevo, no sé por qué un editor de código querría meterse con algo como sangría.

Tuve un problema similar, no importa lo que hice, no pude hacer que el tamaño de la pestaña se pegara a 2, aunque esté en la configuración de mi usuario, que terminó debido a la extensión EditorConfig . Busca un .editorconfigarchivo en su directorio de trabajo actual y, si no encuentra uno (o el que encuentra no especifica root=true), continuará buscando directorios principales hasta que encuentre uno.

Resulta que tenía un .editorconfigdirectorio padre en el directorio donde puse todos mis nuevos proyectos de código, y especificó una pestaña Tamaño de 4. Eliminar ese archivo solucionó mi problema.

A veces tengo este mismo problema. VSCode de repente perderá su mente e ignorará por completo cualquier configuración de sangría que le digo, a pesar de que ha sangrado el mismo archivo todo el día.

He editor.tabSizeestablecido a 2 (así como editor.formatOnSavea verdadero). Cuando VSCode desordena un archivo, uso las opciones en la parte inferior del editor para cambiar el tipo y el tamaño de la sangría, esperando que algo funcione, pero VSCode insiste en usar un tamaño de sangría de 4.

¿La solución? Reinicie VSCode. Debería volver con el estado de sangría que muestra algo mal (en mi caso, 4). Para mí, tuve que cambiar la configuración y luego guardarla para hacer el cambio, pero probablemente sea por mi editor.formatOnSaveconfiguración.

No he descubierto por qué sucede, pero para mí suele ser cuando edito un objeto anidado en un archivo JS. De repente hará una sangría muy extraña dentro del objeto, a pesar de que he estado trabajando en ese archivo durante un tiempo y ha estado sangrando muy bien.

El complemento VSCode Vetur; utilizado para aplicaciones VueJS estaba anulando la configuración para mí.

Establecer vetur.format.options.tabSize en mi número preferido de espacios lo hizo funcionar.

Creo que vscode está usando autopep8 para formatear .pypor defecto.

"PEP 8 - Guía de estilo para el código Python | Python.org"

Según este sitio web, lo siguiente puede explicar por qué vscode siempre usa 4 espacios.

Use 4 espacios por nivel de sangría.

Deshabilite todos los complementos (luego habilite uno por uno y verifique)