html - via - sublime text plugin manager
Como faço para reformatar o código HTML usando o Sublime Text 2? (10)
Apenas uma dica geral. O que eu fiz para auto-arrumar o meu HTML, foi instalar o pacote HTML_Tidy e, em seguida, adicionar o seguinte atalho para as configurações padrão (que eu uso):
{ "keys": ["enter"], "command": "html_tidy" },isso roda o HTML Tidy a cada entrada. Pode haver desvantagens para isso, eu sou bastante novo para o Sublime, mas parece fazer o que eu quero :)
Eu tenho um código HTML mal formatado que gostaria de reformatar. Existe um comando que reformate automaticamente o código HTML no Sublime Text 2 para que ele fique melhor e seja mais fácil de ler?
Embora a questão seja para HTML, gostaria também de fornecer informações sobre como formatar automaticamente seu código Javascript para o Sublime Text 2 ;
Você pode selecionar todo o seu código ( ctrl + A ) e usar a funcionalidade no aplicativo, reindent ( Edit -> Line -> Reindent ) ou você pode usar o plugin de formatação JsFormat para Sublime Text 2 se você quiser ter configurações mais personalizáveis no como formatar seu código para além das configurações padrão de aba / recuo do Sublime Text.
https://github.com/jdc0589/JsFormat
Você pode facilmente instalar o JsFormat com o uso do Controle de Pacotes ( Preferences -> Package Control ) Abra o controle de pacotes e digite instalar, pressione enter . Em seguida, digite js format e aperte enter , pronto. (O controlador do pacote mostrará o status da instalação com sucesso e erros na barra inferior esquerda do Sublime )
Adicione a seguinte linha às suas associações de teclas ( Preferences -> Key Bindings User )
{ "keys": ["ctrl+alt+2"], "command": "js_format"} Eu estou usando ctrl + alt + 2 , você pode alterar essa tecla de atalho o que você quiser. Até agora, JsFormat é um bom plugin, vale a pena tentar!
Espero que isso ajude alguém.
Eu ainda estou para ter o privilégio de comentar, então esta é simplesmente uma informação adicional relacionada à answer @ peter acima da resposta.
Eu encontrei HTML não alinhar como esperado se os comentários condicionais do IE no cabeçalho não estivessem completamente alinhados, por exemplo, alinhados à esquerda:
<!--[if lt IE 7]>
<p class='chromeframe'>Your browser is <em>unsupported</em>. <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p>
<![endif]-->
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> Eu criei um pacote chamado HTMLBeautify que faz um trabalho decente de reformatar o HTML. Eu o baseei em um script em Perl que encontrei em 1997 - atualizei para trabalhar com todas as novas tags modernas. :)
Check it out e deixe-me saber o que você pensa!
Eu recomendo este plugin: HTML / CSS / JS Prettify , ele realmente funciona.
Após a instalação, basta selecionar o código e pressionar Ctrl + Shift + H.
Feito!
Existe um plugin chamado SublimeHtmlTidy que funciona muito bem
Há um bom github.com/akalongman/sublimetext-codeformatter código aberto, que (ao reindinging) pode embelezar código sujo, mesmo que tudo esteja em uma única linha.
O único pacote que consegui encontrar é o Tag .
Você pode instalá-lo usando o controle de pacote. https://sublime.wbond.net
Depois de instalar o controle de pacotes. Vá para o controle de pacotes ( Preferences -> Package Control ) e digite install , aperte enter . Em seguida, digite tag e pressione enter .
Depois de instalar o Tag, destaque o texto e pressione o atalho Ctrl + Alt + F.
Simplesmente vá para
Editar -> Tag -> tags de formato automático no documento
você pode definir a tecla de atalho F12 fácil !!!
{ "keys": ["f12"], "command": "reindent" , "args": { "single_line": false } }veja detalhes here .
