Existe um comando para formatar HTML no editor Atom?

218

Gostaria de formatar meu HTML com um comando, como faço no Visual Studio, usando Ctrl+ K+ D. Isso é possível no Atom ? Caso contrário, existem outras opções?

html atom-editor code-formatting user376456
fonte

Respostas:

370

O Atom não possui um comando interno para formatar o html. No entanto, você pode instalar o pacote atom-beautify para obter esse comportamento.

  1. Pressione CTRL+ SHFT+ Ppara exibir a paleta de comandos ( CMD+ SHFT+ Pem um Mac).
  2. Digite Instalar Pacotes para abrir o gerenciador de pacotes.
  3. Digite embelezar na caixa de pesquisa.
  4. Escolha atom-beautify ou um dos outros pacotes e clique em Instalar .
  5. Agora você pode usar a combinação de teclas padrão para atom-beautify CTRL+ ALT+ Bpara embelezar seu HTML ( CTRL+ OPTION+ Bem um Mac).
Stuart Hallows
fonte
44
É uma opinião contrária que é legal que o Atom tenha o menor núcleo possível, para que você possa instalar apenas o necessário. ou seja, Atom pode ser usado para o desenvolvimento de aplicativos não-web, que não requerem essas formatadores ...
ljs.dev
7
Pode haver algumas instalações personalizadas como "Atom for Web developers" que vêm com os pacotes mais baixados relacionados ao tópico.
Ricardo
2
atom-beautify , por exemplo, tem 685.927 downloads a partir de agora ... 9 nos últimos 10min, incluindo o meu!
Ricardo
4
atom-beautify está cheio de bugs. Não funciona em documentos com palavras reais. Adiciona incorretamente novas linhas nos cabeçalhos se houver elementos embutidos. A mudança do mecanismo JS Beautify para o mecanismo Pretty Diff piora as coisas - elementos embutidos, como os que <dfn>estão dentro dos parágrafos.
Garret Wilson
5
Não gosto muito do fato de atom-beautifynão fazer uso de configurações de recuo pessoal e / ou .editorconfigconfigurações. Ele apenas formata tudo do seu jeito.
Diti
13

Existem alguns pacotes para a prettificação de HTML. Você pode encontrá-los pesquisando o archive do pacote Atom:

  1. Navegue até o site Atom
  2. Clique no link Pacotes
  3. Digite "prettify" na caixa de pesquisa

Ou acesse este link: https://atom.io/packages/search?q=prettify

Depois de selecionar um pacote que faça o que você deseja, você pode instalá-lo usando o comando: apm install [package name]na linha de comando ou instalá-lo usando a interface em Preferências.

Quando o pacote estiver instalado, siga suas instruções sobre como ativar seus recursos.

Lee
fonte
6

Você pode adicionar o pacote atom beauty para formatar o texto no atom.

arquivo -> configuração -> instalar

depois você digita atom-beautify na área de pesquisa.

depois clique no botão Package .. selecione atom beuty e instale-o.

Em seguida, você pode formatar seu texto usando (Alt + ctrl + b) ou clique com o botão direito do mouse e selecione embelezar o conteúdo do editor

Jayantha
fonte
0
  1. Vá para "Pacotes" no editor atom.
  2. Em seguida, na visualização "Pacotes", escolha "Visualização de configurações".
  3. Escolha "Instalar pacotes / temas".
  4. Procure por "Atom Beautify" e instale-o.
Ajay
fonte