Ao usar o Format Code
comando no Visual Studio Code, ele não está respeitando minhas configurações de recuo ( "editor.tabSize": 2
). Ele está usando um tamanho de guia 4. Alguma idéia de por que isso está acontecendo?
Obrigado!
Ao usar o Format Code
comando no Visual Studio Code, ele não está respeitando minhas configurações de recuo ( "editor.tabSize": 2
). Ele está usando um tamanho de guia 4. Alguma idéia de por que isso está acontecendo?
Obrigado!
Respostas:
O número de espaços a serem usados para formatação é obtido em um local diferente. Estou usando a versão 1.0 e foi o que fiz para corrigi-la (suponho que você use espaços em vez de guias):
Na parte inferior do editor, à direita, clique em "Espaços: #":
Em seguida, um menu aparecerá no topo. Selecione "Recuar usando espaços":
Finalmente, você pode selecionar por quantos espaços deseja que seus arquivos sejam recuados.
Na próxima vez que você formatar um arquivo, poderá obter o espaçamento configurado.
JS-CSS-HTML
plugin. Nesse caso, pressione F1
e escolha formatador e defina seu recuo lá. Parece substituir todas as opções discutidas acima.
O Código do Visual Studio detecta o recuo atual por padrão e usa isso - ignorando o .editorconfig
Defina também "editor.detectIndentation" como false
(Arquivos -> Preferências -> Configurações)
Se a resposta do @ Maleki não estiver funcionando para você, verifique se você tem um .editorconfig
arquivo na pasta do projeto.
Por exemplo, a CLI angular gera uma com um novo projeto que se parece com isso
# 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_size
É necessário alterar o aqui, pois parece que substituirá qualquer coisa no seu .vscode
espaço de trabalho ou nas configurações do usuário.
.editorconfig
arquivo na minha pasta pessoal. De alguma forma, o VSCode ignora as configurações específicas da área de trabalho. Muito irritante.
Se você estiver usando um plug-in (no meu caso, Vetur, para vue.js), eles podem definir suas próprias configurações de formatação de guia.
Abra suas configurações, pesquise "formato" e verifique as configurações relevantes do plug-in que podem estar substituindo o formato da guia global. Isso funcionou para mim; depois de atualizar as configurações da guia Vetur para corresponder à minha preferência (guias de tamanho 4 no meu caso), a formatação de documentos .vue começou a funcionar corretamente:
SCSS Formatter
plug - in usa suas próprias configurações, por exemplo, então você deve Settings > Extensions > SCSS Formatter > Use Tabs
forçá-lo a usar guias, por exemplo.
Para mim, esse problema foi causado pelo uso do prettier
plug-in VSCode sem ter um arquivo de configuração mais bonito na área de trabalho.
Desativar o plugin corrigiu o problema. Provavelmente também poderia ter sido corrigido contando com a configuração mais bonita.
Provavelmente você tem alguma extensão de formatação instalada, por exemplo, JS-CSS-HTML Formatter .
Se for o caso, basta abrir a Paleta de comandos, digite "Formatador" e selecione Formatter Config
. Em seguida, edite o valor "indent_size"
como desejar.
PS Não esqueça de reiniciar o Visual Studio Code após a edição :)
as configurações abaixo resolveram meu problema
"editor.detectIndentation": false,
"editor.insertSpaces": false,
"editor.tabSize": 2,
Se você veio do google porque a guia não está recuando, isso também pode acontecer porque "Tab Moves Focus" está ativado. Está no canto inferior direito e, se você tiver um monitor grande o suficiente, poderá perdê-lo, apesar de destacado.
Clique na área Verde ou Ctrl + M para fazê-lo parar. Não tenho certeza de que possa ser desativado por completo, mas novamente não sei por que um editor de código gostaria de mexer em algo como recuar.
Eu tive um problema semelhante - não importa o que fiz, não consegui que o tamanho da tabulação ficasse em 2, mesmo que esteja nas minhas configurações de usuário - que acabou devido à extensão EditorConfig . Ele procura um .editorconfig
arquivo no seu diretório de trabalho atual e, se não encontrar um (ou aquele que encontra não especificaroot=true
), continuará a procurar nos diretórios pai até encontrar um.
Acontece que eu tinha um .editorconfig
em um diretório pai do diretório em que coloquei todos os meus novos projetos de código e ele especificou uma tabSize de 4. A exclusão desse arquivo corrigiu meu problema.
Às vezes, tenho o mesmo problema. De repente, o VSCode simplesmente perde a cabeça e ignora completamente qualquer configuração de recuo, apesar de estar recuando o mesmo arquivo durante todo o dia.
Eu editor.tabSize
configurei para 2 (assim comoeditor.formatOnSave
para true). Quando o VSCode atrapalha um arquivo, eu uso as opções na parte inferior do editor para alterar o tipo e o tamanho do recuo, esperando que algo funcione, mas o VSCode insiste em usar um tamanho de recuo 4.
O conserto? Reinicie o VSCode. Ele deve voltar com o status de recuo mostrando algo errado (no meu caso, 4). Para mim, eu tive que alterar a configuração e, em seguida, guardar para que ela realmente fizesse a alteração, mas isso provavelmente deveeditor.formatOnSave
configuração.
Não descobri por que isso acontece, mas para mim é geralmente quando estou editando um objeto aninhado em um arquivo JS. De repente, ele fará um recuo muito estranho dentro do objeto, mesmo que eu esteja trabalhando nesse arquivo há um tempo e esteja recuando muito bem.
Eu acho que o vscode está usando o autopep8 para formatar .py
por padrão.
"PEP 8 - Guia de estilo para código Python | Python.org"
De acordo com este site, o seguinte pode explicar por que o vscode sempre usa 4 espaços.
Use 4 espaços por nível de indentação.