Есть ли команда для форматирования HTML в редакторе Atom?

219

Я хотел бы отформатировать мой HTML с помощью команды, как я это делаю в Visual Studio, используя Ctrl+ K+ D. Возможно ли это в Atom ? Если нет, есть ли другие варианты?

html atom-editor code-formatting

— user376456
источник

371

У Atom нет встроенной команды для форматирования html. Однако вы можете установить пакет atom-beautify , чтобы получить такое поведение.

Нажмите CTRL+ SHFT+, Pчтобы вызвать палитру команд ( CMD+ SHFT+ Pна Mac).
Введите Install Packages, чтобы открыть диспетчер пакетов.
Введите beautify в поле поиска.
Выберите atom-beautify или один из других пакетов и нажмите « Установить» .
Теперь вы можете использовать связывание клавиш по умолчанию для atom-beautify CTRL+ ALT+, Bчтобы украсить ваш HTML ( CTRL+ OPTION+ Bна Mac).

— Стюарт Хэллоуз
источник

44

Противоположное мнение, что это круто, что у Atom есть наименьшее возможное ядро, так что вы можете установить только то, что необходимо. то есть, Atom можно использовать для разработки не-веб-приложений, которым не нужны эти средства форматирования ...

— ljs.dev

7

Там могут быть некоторые пользовательские установки, такие как «Atom для веб-разработчиков», которые поставляются с наиболее загруженными пакетами, связанными с этой темой.

— Рикардо

2

Атом-украшение , например, имеет 685 927 загрузок на данный момент ... 9 за последние 10 минут, включая мою!

— Рикардо

4

Atom-Beautify полон ошибок. Это не работает на реальных документах. Он неправильно добавляет новые строки в заголовки, если присутствуют встроенные элементы. Переключение с движка JS Beautify на движок Pretty Diff ухудшает ситуацию - встроенные элементы, такие как <dfn>, заключены в абзацы.

— Гаррет Уилсон

5

Мне очень не нравится тот факт, что atom-beautifyне используются личные настройки отступов и / или .editorconfigнастройки. Он просто форматирует все по- своему .

— Дити

13

Есть несколько пакетов для предварительной настройки HTML. Вы можете найти их, выполнив поиск в архиве пакетов Atom:

Перейдите на сайт Atom
Нажмите на ссылку Пакеты
Введите «prettify» в поле поиска

Или просто перейдите по этой ссылке: https://atom.io/packages/search?q=prettify

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

Когда пакет установлен, следуйте инструкциям, чтобы активировать его возможности.

— подветренный
источник

8

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

Включает в себя много разных языков, HTML тоже ..

— pungggi
источник

6

Вы можете добавить пакет красоты атома для форматирования текста в атоме.

файл -> настройка -> установить

затем вы вводите atom-beautify в области поиска.

затем нажмите кнопку Пакет .. выберите атом beuty и установите его.

Далее вы можете отформатировать текст с помощью (Alt + Ctrl + B) или щелкните правой кнопкой мыши и выберите украсить содержимое редактора

— Jayantha
источник

0

Перейдите к «Пакеты» в редакторе атомов.
Затем в представлении «Пакеты» выберите «Представление настроек».
Выберите «Установить пакеты / темы».
Найдите «Atom Beautify» и установите его.

— Аджай
источник