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

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.

Pressione CTRL+ SHFT+ Ppara exibir a paleta de comandos ( CMD+ SHFT+ Pem um Mac).
Digite Instalar Pacotes para abrir o gerenciador de pacotes.
Digite embelezar na caixa de pesquisa.
Escolha atom-beautify ou um dos outros pacotes e clique em Instalar .
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:

Navegue até o site Atom
Clique no link Pacotes
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

8

https://github.com/Glavin001/atom-beautify

Inclui muitos idiomas diferentes, html também ..

— pungggi
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

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

— Ajay
fonte