tabs - change - visual studio code shortcuts

Convertir espacios en pestañas

Question

Estoy escribiendo archivos TypeScript y HTML , y las pestañas se convierten en espacios.

Traté de cambiar la configuración y reiniciar, pero nada cambió.

La configuración que configuré:

// Place your settings in this file to overwrite default and user settings.
{
    "editor.insertSpaces": false
}

Traté de buscarlo en Google y descubrí que hice un paso correcto cuando agregué "editor.insertSpaces": false , pero no ha cambiado mis preferencias.

EDITAR 1:

Descubrí que las pestañas funcionan en archivos .html , pero no en archivos .ts .

Answer 1

Si quieres usar pestañas en lugar de espacios

Prueba esto:

1. Vaya a File ➤ Preferences ➤ Settings o simplemente presione Ctrl + ,
2. En la barra de configuración de búsqueda en el editor.insertSpaces inserción editor.insertSpaces
3. Verá algo como esto: Editor: inserte espacios y probablemente se verificará. Simplemente desactívela como se muestra en la imagen a continuación

4. Vuelva a reload window código de Visual Studio (presione F1 ➤ escriba reload window ➤ presione Enter )

Si no funcionó, intente esto:

Probablemente sea por el complemento instalado JS-CSS-HTML Formatter

(Puede verificarlo yendo a File ➤ Preferences ➤ Extensions o simplemente presionando Ctrl + Shift + X , en la lista Habilitado encontrará el Formateador JS-CSS-HTML )

Si es así, puede modificar este complemento:

1. Presione F1 ➤ escriba Formatter config ➤ presione Enter (se abrirá el archivo formatter.json )

2. Modifique el archivo así:

    4|    "indent_size": 1,
    5|    "indent_char": "/t"
   ——|
   24|    "indent_size": 1,
   25|    "indentCharacter": "/t",
   26|    "indent_char": "/t",
   ——|
   34|    "indent_size": 1,
   35|    "indent_char": "/t",
   36|    "indent_character": "/t"

3. Guárdelo (vaya a File ➤ Save o simplemente presione Ctrl + S )

4. Vuelva a reload window código de Visual Studio (presione F1 ➤ escriba reload window ➤ presione Enter )

Answer 2

Ctrl + shift + P y luego "Convertir sangría en pestañas"

Answer 3

En mi caso, el problema era la extensión JS-CSS-HTML Formatter instalada después de la actualización de enero. La propiedad predeterminada indent_char es espacio. Lo desinstalé y el comportamiento extraño se detiene.

Answer 4

Hay 3 opciones:

// The number of spaces a tab is equal to.
"editor.tabSize": 4,

// Insert spaces when pressing Tab.
"editor.insertSpaces": true,

// When opening a file, `editor.tabSize` and `editor.insertSpaces` will be detected based on the file contents.
"editor.detectIndentation": true

editor.detectIndentation detecta desde su archivo, debe deshabilitarlo. Si no ayudó, verifique que no tenga configuraciones con mayor prioridad. Por ejemplo, cuando lo guarda en la configuración del usuario, podría sobrescribirse con la configuración del área de trabajo que se encuentra en la carpeta del proyecto.

Actualizar:
Ahora tiene una alternativa para editar esas opciones manualmente.
Haga clic en el selector Espacios: 4 en la parte inferior derecha del editor:

Cuando desee convertir ws existentes a la pestaña, instale la extensión desde Marketplace
EDITAR:
Para convertir la sangría existente de espacios a pestañas presione Ctrl+Shift+P y escriba:

>Convert indentation to Tabs

Esto cambiará la sangría para su documento en función de la configuración definida en pestañas.

Answer 5

Las configuraciones a continuación me han funcionado bien,

"editor.insertSpaces": false,
"editor.formatOnSave": true, // only if you want auto fomattting on saving the file
"editor.detectIndentation": false

La configuración anterior se reflejará y se aplicará a todos los archivos. No necesita sangrar / formatear todos los archivos manualmente.

Answer 6

Para cambiar la configuración de las pestañas, haga clic en el área de texto directamente al texto Ln / Col en la barra de estado en la parte inferior derecha de la ventana vscode.

El nombre puede ser Tab Size o Spaces .

Aparecerá un menú con todas las acciones y configuraciones disponibles.

Answer 7

Verifique esto desde la configuración oficial de vscode:

  // Controls whether `editor.tabSize#` and `#editor.insertSpaces` will be automatically detected when a file is opened based on the file contents.
  "editor.detectIndentation": true,

  // The number of spaces a tab is equal to. This setting is overridden based on the file contents when `editor.detectIndentation` is on.
  "editor.tabSize": 4,

  // Configure editor settings to be overridden for [html] language.
  "[html]": {
    "editor.insertSpaces": true,
    "editor.tabSize": 2,
    "editor.autoIndent": false
  }

Answer 8

File -> Preferences -> Settings (o simplemente presione Ctrl+, , y busque spaces , luego simplemente desactive esta opción:

Tuve que volver a abrir el archivo para que los cambios surtan efecto.