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

219

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

html atom-editor code-formatting user376456
источник

Ответы:

371

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

  1. Нажмите CTRL+ SHFT+, Pчтобы вызвать палитру команд ( CMD+ SHFT+ Pна Mac).
  2. Введите Install Packages, чтобы открыть диспетчер пакетов.
  3. Введите beautify в поле поиска.
  4. Выберите atom-beautify или один из других пакетов и нажмите « Установить» .
  5. Теперь вы можете использовать связывание клавиш по умолчанию для 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:

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

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

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

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

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

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

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

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

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

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

Jayantha
источник
0
  1. Перейдите к «Пакеты» в редакторе атомов.
  2. Затем в представлении «Пакеты» выберите «Представление настроек».
  3. Выберите «Установить пакеты / темы».
  4. Найдите «Atom Beautify» и установите его.
Аджай
источник