Чи є команда для форматування HTML в редакторі Atom?

218

Я хотів би відформатувати свій HTML командою, як це роблю у Visual Studio, використовуючи Ctrl+ K+ D. Чи можливо це в Атомі ? Якщо ні, чи є інші варіанти?

html atom-editor code-formatting

— користувач376456
джерело

371

Atom не має вбудованої команди для форматування html. Однак ви можете встановити пакет прикраси атома, щоб отримати таку поведінку.

Натисніть CTRL+ SHFT+, Pщоб відкрити палітру команд ( CMD+ SHFT+ Pна Mac).
Введіть Установити пакети, щоб відкрити менеджер пакунків.
Введіть прикрасити у вікні пошуку.
Виберіть прикрасити атом або один із інших пакетів та натисніть « Встановити» .
Тепер ви можете використовувати прив'язку клавіш за замовчуванням для прикраси атома CTRL+ ALT+, Bщоб прикрасити свій HTML ( CTRL+ OPTION+ Bна Mac).

— Стюарт Хеллоуз
джерело

44

Це протилежна думка, що здорово, що Atom має найменший можливий сердечник, так що ви можете встановити лише те, що потрібно. тобто Atom можна використовувати для розробки не веб-додатків, які не потребують цих форматів ...

— ljs.dev

7

Можуть бути спеціальні інсталяції на зразок "Atom для веб-розробників", які постачаються з найбільш завантаженими пакетами, пов'язаними з цією темою.

— Рікардо

2

Наприклад, прикрашає атом , зараз нараховує 685 927 завантажень ... 9 за останні 10 хвилин, включаючи мою!

— Рікардо

4

прикрашати атом повний клопів. Він не працює на документах у реальному слові. Він неправильно додає нові рядки до заголовків, якщо в них представлені вбудовані елементи. Перехід від двигуна JS Beautify до двигуна Pretty Diff робить все гірше --- вбудовані елементи, такі як <dfn>загорнуті всередині абзаців.

— Гаррет Вілсон

5

Мені дуже не подобається той факт, що atom-beautifyне використовуються особисті налаштування відступу та / або .editorconfigналаштування. Він просто форматує все по- своєму .

— Діті

13

Існує кілька пакетів для вдосконалення HTML. Ви можете знайти їх за допомогою пошуку архіву пакетів Atom:

Перейдіть на сайт Atom
Клацніть посилання Пакети
Введіть "вподобати" в полі пошуку

Або просто перейдіть за цим посиланням: https://atom.io/packages/search?q=prettify

Вибравши пакет, який виконує все, що ви хочете, ви можете встановити його за допомогою команди: apm install [package name]з командного рядка або встановити його за допомогою інтерфейсу в налаштуваннях.

Коли пакет встановлений, дотримуйтесь його інструкцій щодо активізації його можливостей.

— Лі
джерело

8

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

Включає багато різних мов, html теж ..

— панггі
джерело

6

Ви можете додати пакет краси атома для форматування тексту в атомі ..

файл -> налаштування -> Встановити

то ви вводите красуню атома в області пошуку.

потім натисніть кнопку Package .. виберіть атомний пакет і встановіть його.

далі ви можете відформатувати текст за допомогою (Alt + ctrl + b) або клацніть правою кнопкою миші та виберіть вміст редактора

— Джаянта
джерело

0

Перейдіть до "Пакети" в редакторі атомів.
Потім у вікні "Пакети" виберіть "Перегляд налаштувань".
Виберіть "Встановити пакети / теми".
Шукайте "Atom Beautify" та встановіть його.

— Аджай
джерело