Atom düzenleyicide HTML'yi biçimlendirmek için bir komut var mı?

218

HTML kodumu Visual Studio'da yaptığım gibi bir komutla Ctrl+ K+ kullanarak biçimlendirmek istiyorum D. Bu mümkün mü Atom ? Değilse, başka seçenekler var mı?

html atom-editor code-formatting

— user376456
kaynak

371

Atom, html'yi biçimlendirmek için yerleşik bir komut içermez. Ancak, bu davranışı elde etmek için atom güzelleştirme paketini yükleyebilirsiniz .

Komut paletini açmak için CTRL+ SHFT+ tuşlarına basın P( Mac'te CMD+ SHFT+ P).
Tip Paketleri yükleyin paket yöneticisini açmak için.
Tip güzelleştirin arama kutusuna.
Atom-beautify'ı veya diğer paketlerden birini seçin ve Yükle'yi tıklayın .
Artık HTML'nizi güzelleştirmek için atom-beautify CTRL+ ALT+ Biçin varsayılan tuş bağlama özelliğini kullanabilirsiniz ( Mac'te CTRL+ OPTION+ B).

— Stuart Hallows
kaynak

44

Aksine, Atom'un mümkün olan en küçük çekirdeğe sahip olması harika bir şeydir, böylece sadece gerekli olanı kurabilirsiniz. Yani, Atom, bu formatlayıcıları gerektirmeyen web dışı uygulamalar geliştirmek için kullanılabilir ...

— ljs.dev

7

"Atom for Web geliştiricileri" gibi, konuyla ilgili en çok indirilen paketlerle birlikte gelen bazı özel yüklemeler olabilir.

— Ricardo

2

Örneğin atom-beautify'ın şu an 685.927 indirmesi var ... benimki dahil son 10 dakikada 9!

— Ricardo

4

atom güzelleştirmek böceklerle doludur. Gerçek sözcük belgeleri üzerinde çalışmaz. Satır içi öğeler varsa, başlıklara satırsonu ekler. JS Beautify motorundan Pretty Diff motoruna geçiş, işleri daha da kötüleştirir - <dfn>paragrafların içine sarılmış satır içi öğeler .

— Garret Wilson

5

atom-beautifyKişisel girinti ayarlarından ve / veya .editorconfigayarlardan faydalanmadığı gerçeğinden çok hoşlanmıyorum . Sadece her şeyi kendi biçimlerine göre biçimlendirir .

— Diti

13

HTML'yi güzelleştirmek için birkaç paket var. Atom paketi arşivinde arama yaparak bulabilirsiniz:

Atom sitesine gidin
Paketler bağlantısını tıklayın
Arama kutusuna "güzelleştir" yazın

Veya şu bağlantıya gidin: https://atom.io/packages/search?q=prettify

İstediğiniz şeyi yapan bir paket seçtikten sonra apm install [package name], komut satırından komutunu kullanarak yükleyebilir veya Tercihler'deki arabirimi kullanarak yükleyebilirsiniz.

Paket yüklendiğinde, yeteneklerinin nasıl etkinleştirileceği ile ilgili talimatlarını izleyin.

— rüzgâraltı
kaynak

8

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

Pek çok farklı dil içerir, html de ..

— pungggi
kaynak

6

Atomdaki metni biçimlendirmek için atom güzellik paketi ekleyebilirsiniz.

dosyası -> ayar -> Yükle

arama alanına atom güzelleştirme yazın .

sonra Paket düğmesine tıklayın .. atom beuty seçin ve yükleyin.

sonra (Alt + ctrl + b) tuşunu kullanarak metninizi biçimlendirebilirsiniz veya sağ tıklayıp düzenleyici içeriğini güzelleştir'i seçebilirsiniz.

— Jayantha
kaynak

0

Atom düzenleyicide "Paketler" e gidin.
Ardından "Paketler" görünümünde "Ayarlar Görünümü" nü seçin.
"Paketleri / Temaları Yükle" yi seçin.
"Atom Güzelleştir" i arayın ve yükleyin.

— Ajay
kaynak