Apakah ada perintah untuk memformat HTML di editor Atom?

218

Saya ingin memformat HTML saya dengan perintah, seperti yang saya lakukan di Visual Studio, menggunakan Ctrl+ K+ D. Apakah ini mungkin di Atom ? Jika tidak, apakah ada opsi lain?

html atom-editor code-formatting

— pengguna376456
sumber

370

Atom tidak memiliki perintah bawaan untuk memformat html. Namun, Anda dapat menginstal paket atom-beautify untuk mendapatkan perilaku ini.

Tekan CTRL+ SHFT+ Puntuk memunculkan palet perintah ( CMD+ SHFT+ Ppada Mac).
Ketik Instal Paket untuk membuka manajer paket.
Ketik mempercantik ke dalam kotak pencarian.
Pilih atom-beautify atau salah satu paket lainnya dan klik Instal .
Sekarang Anda dapat menggunakan penjilidan kunci default untuk atom-beautify CTRL+ ALT+ Buntuk mempercantik HTML Anda ( CTRL+ OPTION+ Bdi Mac).

— Stuart Hallows
sumber

44

Ini adalah pendapat yang bertentangan bahwa itu keren bahwa Atom memiliki inti sekecil mungkin, sehingga Anda hanya dapat menginstal apa yang diperlukan. yaitu, Atom dapat digunakan untuk mengembangkan aplikasi non-web, yang tidak memerlukan pemformat itu ...

— ljs.dev

7

Mungkin ada beberapa instalasi khusus seperti "Atom untuk pengembang Web" yang datang dengan paket yang paling banyak diunduh terkait dengan topik.

— Ricardo

2

atom-beautify , misalnya, memiliki 685.927 unduhan saat ini ... 9 dalam 10 menit terakhir, termasuk punyaku!

— Ricardo

4

atom-beautify penuh dengan bug. Itu tidak berfungsi pada dokumen kata asli. Itu salah menambahkan baris baru dalam pos jika elemen inline disajikan. Beralih dari mesin JS Beautify ke mesin Pretty Diff membuat segalanya lebih buruk --- elemen inline seperti <dfn>yang dibungkus dalam paragraf.

— Garret Wilson

5

Saya sangat tidak suka fakta yang atom-beautifytidak menggunakan pengaturan indentasi pribadi, dan / atau .editorconfigpengaturan. Itu hanya memformat semuanya dengan caranya.

— Diti

13

Ada beberapa paket untuk mempersonifikasi HTML. Anda dapat menemukannya dengan mencari arsip paket Atom:

Arahkan ke situs Atom
Klik tautan Paket
Masukkan "cantik" di kotak pencarian

Atau cukup buka tautan ini: https://atom.io/packages/search?q=prettify

Setelah Anda memilih paket yang melakukan apa yang Anda inginkan, Anda dapat menginstalnya dengan menggunakan perintah: apm install [package name]dari baris perintah atau menginstalnya menggunakan antarmuka di Preferensi.

Ketika paket diinstal, ikuti instruksi untuk mengaktifkan kemampuannya.

— Lee
sumber

8

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

Termasuk banyak bahasa yang berbeda, html juga ..

— pungggi
sumber

6

Anda dapat menambahkan paket atom beauty untuk memformat teks dalam atom ..

file -> pengaturan -> Instal

maka Anda ketik atom-beautify di area pencarian.

lalu klik tombol Paket .. pilih atom beuty dan instal.

selanjutnya Anda dapat memformat teks Anda menggunakan (Alt + ctrl + b) atau klik kanan dan pilih mempercantik konten editor

— Jayantha
sumber

0

Pergi ke "Paket" di editor atom.
Kemudian dalam tampilan "Paket" pilih "Pengaturan Tampilan".
Pilih "Instal Paket / Tema".
Cari "Atom Percantik" dan instal.

— Ajay
sumber