Como alterar o recuo no código do Visual Studio?

Para cada arquivo datilografado, o código do visual studio usa um recuo automático de 8 espaços. Isso é um pouco demais para o meu gosto, mas não consigo encontrar onde alterá-lo.

Talvez esteja disponível como configuração, mas com um nome diferente, pois não consigo encontrar nada relacionado ao recuo.

ATUALIZAR

Atualmente, estou usando o formatador de código Prettier e isso resolve todos os problemas de formatação, formatação automática ao salvar (se não houver erro de sintaxe)

Você pode alterar isso em Usernível ou nível global Workspace.

Abra as configurações: Usando o atalho ctrl + ,ou clicando File> Preferences> Settingscomo mostrado abaixo.

Em seguida, faça as 2 seguintes alterações: (digite tabSizena barra de pesquisa)

1. Desmarque a caixa de seleção Detect Indentation
2. Altere o tamanho da guia para 2/4 (embora eu ache fortemente que 2 esteja correto para JS :))

Na barra de ferramentas no canto inferior direito, você verá um item parecido com o seguinte: Depois de clicar nele, você terá a opção de recuar usando espaços ou guias. Depois de selecionar seu tipo de recuo, você terá a opção de alterar o tamanho de um recuo. No caso do exemplo acima, o recuo é definido como 4 caracteres de espaço por recuo. Se a guia for selecionada como seu caractere de indentação, você verá Tamanho da guia em vez de Espaços

Se você deseja que isso se aplique a todos os arquivos e não individualmente, substitua as configurações Editor: Tab Sizee Editor: Insert Spacesem Configurações do usuário ou Configurações da área de trabalho, dependendo de suas necessidades

Editar 1

Para acessar as configurações do usuário ou da área de trabalho, vá para Preferências -> Configurações . Verifique se você está na guia Usuário ou Área de trabalho, dependendo de suas necessidades, e use a barra de pesquisa para localizar as configurações. Você também pode desabilitar, Editor: Detect Indentationpois essa configuração substituirá o que você definiu Editor: Insert Spacese Editor: Tab Sizequando está ativado

Para alterar o recuo com base na linguagem de programação :

1. Abra a paleta de comando ( CtrlShiftP| MacOS: ⇧⌘P)
2. Preferências: Definições de idioma específicos Configurar ... (identificação de comando: workbench.action.configureLanguageBasedSettings)
3. Selecione a linguagem de programação (por exemplo, TypeScript)

4. Adicione este código:

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

Veja também: VS Code Docs

Você também pode definir editor.detectIndentationfalso como, além da resposta de Elliot-J.

O VSCode substituirá suas configurações editor.tabSizee editor.insertSpacespor arquivo se detectar que um arquivo possui uma guia ou padrão de indentação de espaços diferente. Você pode enfrentar esse problema se adicionar arquivos existentes ao seu projeto ou se você adicionar arquivos usando geradores de código como o Angular Cli. A configuração acima impede que o VSCode faça isso.

Atalho para formatação de código:

VSCode no Windows - Shift + Alt + F

VSCode no MacOS - Shift + Option + F

VSCode no Ubuntu - Ctrl + Shift + I

Você também pode personalizar esse atalho usando a configuração de preferência, se necessário.

seleção de coluna com teclado Ctrl + Shift + Alt + Arrow

No meu caso " EditorConfig for VS Code extensão " está substituindo as configurações do VSCode. Se você o tiver instalado, verifique o arquivo .editorconfig na pasta raiz do projeto.

Aqui está um exemplo de configuração. O "indent_size" define o número de espaços para uma guia.

# 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

Explicação simplificada com fotos para aqueles que pesquisaram "Alterar recuo no código VS"

Etapa 1: clique em Preferências> Configurações

Etapa 2: a configuração que você está procurando é "Detectar recuo", comece a digitar isso. Clique em "Editor: Tamanho da guia"

Etapa 3: role para baixo até "Editor: Tamanho da guia" e digite 2 (ou o que você precisar).

As alterações são salvas automaticamente

Exemplo das minhas alterações

Para definir todos os arquivos existentes e novos arquivos para identificação de espaço como 2, basta colocá-lo em seu settingns.json (na raiz do json):

"[typescript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features",
        "editor.tabSize": 2,
        "editor.insertSpaces": true,
        "editor.detectIndentation":false
 }

você pode adicionar o tipo de idioma da configuração:

"[javascript]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true,
    "editor.detectIndentation":false
} 

Como transformar 4 espaços recuos em todos os arquivos no VS Code para 2 espaços

• Abrir pesquisa de arquivo
• Ativar expressões regulares
• Digite: ( {2})(?: {2})(\b|(?!=[,'";\.:\*\\\/\{\}\[\]\(\)]))no campo de pesquisa
• Digite: $1no campo substituir

Como transformar recuos de 2 espaços em todos os arquivos no código VS para 4 espaços

• Abrir pesquisa de arquivo
• Ativar expressões regulares
• Entrar: ( {2})(\b|(?!=[,'";\.:\\*\\\/{\}\[\]\(\)]))no campo de pesquisa
• Digite: $1$1no campo substituir

NOTA: Você deve ativar o PERL Regex primeiro. É assim:

• Abra as configurações e acesse o arquivo JSON
• adicione o seguinte ao arquivo JSON "search.usePCRE2": true

Espero que alguém veja isso.

Problema: A resposta aceita, na verdade, não corrige o recuo no documento atual.

Solução: Execute Format Documentpara reprocessar o documento de acordo com as configurações (novas) atuais.

Problema: Os documentos HTML em meus projetos são do tipo "Django HTML" e não "HTML" e não há formatador disponível.

Solução: Altere-os para a sintaxe "HTML", formate-os e volte para "Django HTML".

Problema: O formatador HTML não sabe como lidar com as tags de modelo do Django e desfaz grande parte do meu aninhamento cuidadosamente aplicado.

Solução: instale a extensão Indent 4-2 , que executa o recuo estritamente, sem levar em consideração a sintaxe do idioma atual (que é o que eu quero neste caso).

Eu queria alterar a indentação do meu arquivo HTML existente de 4 para 2 espaços.

Cliquei no botão 'Espaços: 4' na barra de status e mudei para dois na próxima caixa de diálogo.

Eu uso a extensão 'vim'. Eu não como reentrar sem vim

Para reentrar meu arquivo atual, usei o seguinte:

gg

=

G

Adicionando: sim, você pode usar a interface do usuário no canto inferior direito para definir as configurações de espaço. Mas se você tiver um código existente que não esteja formatado para o novo espaçamento, clique com o botão direito do mouse em qualquer lugar do arquivo e clique em Formatar documento . Demorei um pouco para descobrir isso até eu tropecei nessa questão .

Menu Formatar documento