Corrigindo a Indentação em um Arquivo HTML Usando VI: Uma Solução
Resposta Rápida
Para reorganizar rapidamente a indentação de HTML no editor Vim, você pode usar o comando gg=G. Primeiro, pressione Esc para entrar no modo normal e, em seguida, aplique gg=G. Este comando formatará automaticamente a indentação da primeira linha até a última. Para garantir que a sintaxe seja reconhecida como HTML, configure o tipo de arquivo usando o comando :set filetype=html.
# Mude para o modo normal no Vim
Esc
# Defina o tipo de arquivo como HTML
:set filetype=html
# Formate a indentação do início ao fim do arquivo
gg=GObserve que, para uma configuração mais detalhada, você pode usar a opção indentexpr no Vim ou instalar um plugin de formatação especializado.
Ferramentas do Ofício: Ferramentas de Formatação Precisas para HTML
Os comandos de alinhamento padrão no Vim são adequados para reorganizar o código inicialmente; no entanto, cenários mais complexos podem exigir ferramentas adicionais. Se você estiver trabalhando com arquivos que não são escritos em HTML ou XML, defina o tipo de arquivo para XML usando o comando :set filetype=xml.
Para garantir que o Vim determine automaticamente a indentação correta, verifique se a opção correspondente está ativada no seu .vimrc: filetype indent on. Se as ferramentas padrão não forem suficientes, você pode achar o utilitário tidy útil, conhecido por sua capacidade de limpar arquivos de forma eficaz. Para executar o tidy, use o comando :!tidy -mi -html -wrap 0 %. Você pode saber mais sobre o tidy aqui.
Personalização ao Seu Gosto: Ajustando a Indentação
Configurar o Vim para se adequar às suas preferências pessoais ou padrões de projeto é simples. Para definir o tamanho da indentação para duas espaços, adicione a seguinte linha ao seu .vimrc: set shiftwidth=2.
Para um alinhamento preciso das indentanças, use o comando = no modo visual. Basta destacar o bloco de texto desejado e pressionar =, e a indentação será automaticamente alinhada.
Visualização
Após executar o comando tidy no VI, um espaço caótico se transforma em uma estrutura organizada, assim como arrumar uma prateleira de livros bagunçada:
# Prepare-se
Antes: [📚📔📕📘📙📓]
No VI - usando tidy:
:%!tidy -i
Depois do tidy: [📚, 📔, 📕, 📘, 📙, 📓]Dessa forma, cada bloco HTML será formatado e posicionado corretamente.
Preparando a Formatação
Se o HTML estiver escrito em uma única linha longa, quebre os elementos usando um comando de substituição, por exemplo: :%s/\u0026gt;\u0026lt;/\u0026gt;\\r\u0026lt;/g, para garantir que gg=G formate corretamente os elementos HTML.
Ative o recurso smartindent no Vim (:set smartindent) para permitir a formatação automática de indentação inteligente.
Precauções Necessárias: Navegando em Potenciais Problemas
Tenha cuidado com as configurações padrão do Vim, especialmente ao trabalhar com tags HTML personalizadas ou elementos HTML5. Seus scripts de configuração de indentação precisam de atualizações regulares. Antes de fazer alterações no seu .vimrc, avalie o impacto potencial. O mau uso de um comando como gg=G pode levar a efeitos indesejados.
Recursos Úteis
- Como Definir Indentações | Dicas do Vim Wiki | Fandom — Passo a passo para uma excelente indentação no Vim.
- Documentação do Vim: Indentações Automáticas — Um guia abrangente sobre os recursos de indentação automática do Vim.
- GitHub - vim-autoformat/vim-autoformat: Simplifique a formatação de código no Vim integrando com formatadores existentes — Use o vim-autoformat para uma formatação de código conveniente e rápida.
- Vim Awesome — Lista selecionada das melhores ferramentas do Vim para formatação de código.
- HTML Tidy — Uma ferramenta de código aberto para formatar HTML de maneira organizada.
- HTML Básico — Uma introdução aos princípios fundamentais de estruturação e formatação de indentação em HTML.