¿Hay un comando para formatear HTML en el editor Atom?

218

Me gustaría formatear mi HTML con un comando, como lo hago en Visual Studio, usando Ctrl+ K+ D. ¿Es esto posible en Atom ? Si no, ¿hay otras opciones?

html atom-editor code-formatting usuario376456
fuente

Respuestas:

370

Atom no tiene un comando incorporado para formatear html. Sin embargo, puede instalar el paquete atom-beautify para obtener este comportamiento.

  1. Presione CTRL+ SHFT+ Ppara que aparezca la paleta de comandos ( CMD+ SHFT+ Pen una Mac).
  2. Escriba Install Packages para abrir el administrador de paquetes.
  3. Escriba embellecer en el cuadro de búsqueda.
  4. Elija atom-beautify o uno de los otros paquetes y haga clic en Instalar .
  5. Ahora puede usar la combinación de teclas predeterminada para atomizar embellecer CTRL+ ALT+ Bpara embellecer su HTML ( CTRL+ OPTION+ Ben una Mac).
Stuart Hallows
fuente
44
Es una opinión contraria que es genial que Atom tenga el núcleo más pequeño posible, para que pueda instalar solo lo que sea necesario. es decir, Atom se puede usar para desarrollar aplicaciones que no sean web, que no requieren esos formateadores ...
ljs.dev
77
Podría haber algunas instalaciones personalizadas como "Atom para desarrolladores web" que vienen con los paquetes más descargados relacionados con el tema.
Ricardo
2
atom-beautify , por ejemplo, tiene 685,927 descargas a partir de ahora ... ¡9 en los últimos 10 minutos, incluido el mío!
Ricardo
44
atom-beautify está lleno de errores. No funciona en documentos de palabras reales. Agrega incorrectamente nuevas líneas en los encabezados si hay elementos en línea presentes. Cambiar del motor JS Beautify al motor Pretty Diff empeora las cosas: elementos en línea como los que se <dfn>encuentran dentro de los párrafos.
Garret Wilson el
55
No me gusta mucho el hecho de que atom-beautifyno utiliza la configuración de sangría personal y / o la .editorconfigconfiguración. Simplemente formatea todo a su manera.
Diti
13

Hay algunos paquetes para embellecer HTML. Puede encontrarlos buscando en el archivo del paquete Atom:

  1. Navega hasta el sitio de Atom
  2. Haga clic en el enlace Paquetes
  3. Ingrese "prettify" en el cuadro de búsqueda

O simplemente vaya a este enlace: https://atom.io/packages/search?q=prettify

Una vez que haya seleccionado un paquete que haga lo que desea, puede instalarlo usando el comando: apm install [package name]desde la línea de comando o instalarlo usando la interfaz en Preferencias.

Cuando se instala el paquete, siga sus instrucciones sobre cómo activar sus capacidades.

Sotavento
fuente
6

Puede agregar el paquete de belleza atom para formatear texto en atom.

archivo -> configuración -> Instalar

luego escribe atom-beautify en el área de búsqueda.

luego haga clic en el botón Paquete ... seleccione atom beuty e instálelo.

a continuación, puede formatear su texto usando (Alt + ctrl + b) o haga clic derecho y seleccione embellecer el contenido del editor

Jayantha
fuente
0
  1. Vaya a "Paquetes" en el editor de átomos.
  2. Luego, en la vista "Paquetes", elija "Vista de configuración".
  3. Elija "Instalar paquetes / temas".
  4. Busque "Atom Beautify" e instálelo.
Ajay
fuente