Esiste un comando per la formattazione di HTML nell'editor Atom?

219

Vorrei formattare il mio HTML con un comando, come faccio in Visual Studio, usando Ctrl+ K+ D. Questo è possibile in Atom ? In caso contrario, ci sono altre opzioni?

html atom-editor code-formatting

— user376456
fonte

371

Atom non ha un comando integrato per la formattazione di HTML. Tuttavia, è possibile installare il pacchetto atom-beautify per ottenere questo comportamento.

Premi CTRL+ SHFT+ Pper visualizzare la tavolozza dei comandi ( CMD+ SHFT+ Psu un Mac).
Digitare Installa pacchetti per visualizzare il gestore pacchetti.
Digita abbellisci nella casella di ricerca.
Scegli atom-beautify o uno degli altri pacchetti e fai clic su Installa .
Ora puoi usare il keybinding predefinito per atom-beautify CTRL+ ALT+ Bper abbellire il tuo HTML ( CTRL+ OPTION+ Bsu un Mac).

— Doni Stuart
fonte

44

È opinione contraria che sia bello che Atom abbia il nucleo più piccolo possibile, in modo da poter installare solo ciò che è necessario. vale a dire, Atom può essere utilizzato per lo sviluppo di app non web, che non richiedono quei formattatori ...

— ljs.dev

7

Potrebbero esserci alcune installazioni personalizzate come "Atom for Web developers" fornite con i pacchetti più scaricati relativi all'argomento.

— Ricardo,

2

atom-beautify , ad esempio, ha 685.927 download in questo momento ... 9 negli ultimi 10 minuti, incluso il mio!

— Ricardo,

4

atom-beautify è pieno di bug. Non funziona su documenti con parole reali. Aggiunge erroneamente nuove righe nelle intestazioni se sono presenti elementi incorporati. Il passaggio dal motore JS Beautify al motore Pretty Diff peggiora le cose --- elementi incorporati come <dfn>sono racchiusi nei paragrafi.

— Garret Wilson,

5

Non mi piace il fatto che atom-beautifynon faccia uso delle impostazioni e / o delle .editorconfigimpostazioni di rientro personali . Formatta tutto a modo suo .

— Diti,

13

Esistono alcuni pacchetti per la preimpostazione dell'HTML. Puoi trovarli cercando nell'archivio dei pacchetti Atom:

Vai al sito Atom
Fai clic sul link Pacchetti
Inserisci "prettify" nella casella di ricerca

Oppure vai a questo link: https://atom.io/packages/search?q=prettify

Dopo aver selezionato un pacchetto che fa ciò che desideri, puoi installarlo utilizzando il comando: apm install [package name]dalla riga di comando o installarlo utilizzando l'interfaccia in Preferenze.

Quando il pacchetto è installato, segui le sue istruzioni su come attivare le sue funzionalità.

— sottovento
fonte

8

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

Include molte lingue diverse, anche html ..

— pungggi
fonte

6

È possibile aggiungere il pacchetto Atom Beauty per la formattazione del testo in Atom.

file -> impostazione -> Installa

quindi digiti atom-beautify nell'area di ricerca.

quindi fare clic sul pulsante Pacchetto .. selezionare Atom Beuty e installarlo.

successivamente puoi formattare il tuo testo usando (Alt + ctrl + b) o fare clic con il tasto destro e selezionare abbellire i contenuti dell'editor

— Jayantha
fonte

0

Vai a "Pacchetti" nell'editor atom.
Quindi nella vista "Pacchetti" selezionare "Vista Impostazioni".
Scegli "Installa pacchetti / temi".
Cerca "Atom Beautify" e installalo.

— Ajay
fonte