Estou escrevendo TypeScripte HTMLarquivos, e as guias são convertidas em espaços.

No meu TypeScriptprojeto, todas as guias são convertidas em espaços, quero desativá-las e ter uma guia em vez de espaços.

Estas são as minhas configurações:

{
  "editor.insertSpaces": false
}

EDIT 1:

Parece funcionar em .htmlarquivos, mas não em .tsarquivos.

Existem 3 opções em .vscode/settings.json:

// 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.detectIndentationdetecta do seu arquivo, você precisa desativá-lo. Se não ajudou, verifique se você não possui configurações com maior prioridade. Por exemplo, quando você o salva nas configurações do Usuário, ele pode ser substituído pelas configurações da Área de Trabalho que estão na pasta do projeto.

Atualizar:

Você pode simplesmente abrir Arquivo » Preferências » Configurações ou usar o atalho:

CTRL+ , (Windows, Linux)

⌘+ , (Mac)

Atualizar:

Agora você tem alternativa para editar essas opções manualmente.
Clique no seletor Spaces: 4 no canto inferior direito do editor:

Quando desejar converter ws existentes em tab, instale a extensão do Marketplace
EDIT:
Para converter o recuo existente de espaços em guias, pressione Ctrl+ Shift+P e digite:

>Convert indentation to Tabs

Isso mudará o recuo do seu documento com base nas configurações definidas para Guias.

Para alterar as configurações da guia, clique na área de texto à direita do texto Ln / Col na barra de status no canto inferior direito da janela vscode.

O nome pode ser Tab Sizeou Spaces.

Um menu será exibido com todas as ações e configurações disponíveis.

Ctrl+ Shift+ e P, em seguida, "Converter recuo em guias"

Se você deseja usar guias em vez de espaços

Tente o seguinte:

1. Vá para File➤ Preferences➤ Settingsou pressione Ctrl + ,
2. Na barra de configurações de pesquisa na parte superior, insiraeditor.insertSpaces
3. Você verá algo parecido com isto: Editor: insira espaços e provavelmente será verificado. Basta desmarcar como mostra a imagem abaixo

4. Recarregar código do Visual Studio (Pressione F1➤ tipo reload window➤ pressione Enter)

Se não funcionar, tente o seguinte:

Provavelmente é por causa do plugin instalado JS-CSS-HTML Formatter

(Você pode verificá-lo acessando File➤ Preferences➤ Extensionsou pressionando Ctrl + Shift + X , na lista Ativado, você encontrará o formatador JS-CSS-HTML )

Nesse caso, você pode modificar este plugin:

1. Pressione F1➤ tipo Formatter config➤ pressione Enter(abrirá o arquivo formatter.json)
2. Modifique o arquivo assim:

 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. Salve (vá para File➤ Saveou pressione Ctrl + S )
4. Recarregar código do Visual Studio (Pressione F1➤ tipo reload window➤ pressione Enter)

No meu caso, o problema foi a extensão JS-CSS-HTML Formatter instalada após a atualização de janeiro. A indent_charpropriedade padrão é espaço. Eu o desinstalei e o comportamento estranho para.

Verifique isso na configuração oficial do 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,

// Config the editor that making the "space" instead of "tab"
"editor.insertSpaces": true,

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

As configurações abaixo funcionam bem para mim,

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

As configurações acima serão refletidas e aplicadas a todos os arquivos. Você não precisa recuar / formatar todos os arquivos manualmente.

Arquivo -> Preferências -> Configurações ou apenas pressione Ctrl+ ,e procure por espaços , depois basta desativar esta opção:

Eu tive que reabrir o arquivo para que as alterações entrassem em vigor.

1. Destaque seu código (em arquivo)
2. Clique em Tamanho da guia no canto inferior direito da janela do aplicativo
3. Selecione a conversão apropriada de recuos em guias

Se você deseja alterar as guias para espaços em muitos arquivos, mas não deseja abri-las individualmente, descobri que funciona igualmente bem apenas para usar a opção Localizar e substituir na barra de ferramentas mais à esquerda.

Na primeira caixa ( Find), copie e cole uma guia do código-fonte.

Na segunda caixa ( Replace), digite o número de espaços que você deseja usar (ou seja, 2 ou 4).

Se você pressionar o ...botão, poderá especificar diretórios para incluir ou ignorar (ou seja src/Data/Json).

Por fim, inspecione a visualização do resultado e pressione Substituir tudo . Todos os arquivos no espaço de trabalho podem ser afetados.

{
  "editor.insertSpaces": true
}

True funciona para mim.