Sublime text 3 format text: sublimetext3 — How do you format code in Sublime Text editor 3

sublimetext2 — Как переформатировать HTML-код с помощью Sublime Text 2?

спросил 11 лет, 5 месяцев назад

Изменено 4 месяца назад

Просмотрено 1,1 млн раз

У меня есть плохо отформатированный код HTML, который я хотел бы переформатировать. Есть ли команда, которая автоматически переформатирует HTML-код в Sublime Text 2, чтобы он выглядел лучше и его было легче читать?

• html
• sublimetext2
• sublimetext
• отступ
• переформатировать

Для этого не нужны никакие плагины. Просто выберите все линии ( CTRL + A ), а затем в меню выберите «Правка» → «Линия» → «Повторить отступ». Это будет работать, если ваш файл сохранен с расширением, содержащим HTML, например . html

Если вы делаете это часто, вам может пригодиться следующее сопоставление клавиш:

 { "keys": ["ctrl+shift+r"], "command": "reindent" , "args": { "single_line": false } }
 

Если ваш файл не сохранен (например, вы только что вставили фрагмент в новое окно), вы можете вручную установить язык для отступа, выбрав в меню Вид → Синтаксис → язык по выбору перед выбором параметра повторного отступа.

В Sublime существует около полудюжины способов форматирования HTML. Я протестировал каждый из самых популярных плагинов (полную информацию см. в статье, которую я сделал в своем блоге), но вот краткий обзор некоторых из наиболее популярных вариантов:

Команда Reindent

Плюсы:

• Поставляется с Sublime, поэтому установка плагина не требуется

Минусы:

• Не удаляет лишние пустые строки
• Не удается обработать минимизированный HTML, строки с несколькими открытыми тегами
• Неправильный формат
• Отличная интеграция с меню Sublime
• Широкие возможности настройки
• Настройки для каждого проекта
• Формат при сохранении, опция

Минусы:

• Требуется Node. js
• Не подходит для встроенного PHP

Что лучше?

HTML-CSS-JS Prettify — победитель в моей книге. Много замечательных функций, не на что жаловаться.

 { "keys": ["enter"], "command": "html_tidy"},
 

Вы можете выбрать весь свой код ( CTRL + A ) и использовать функциональность в приложении, изменить отступ ( Edit -> Line -> Reindent ) или вы можете использовать плагин форматирования JsFormat для 90 031 Sublime Text 2 , если вы хотите иметь больше настраиваемых параметров форматирования кода в дополнение к настройкам вкладок/отступов Sublime Text по умолчанию.

https://github.com/jdc0589/JsFormat

Вы можете легко установить JsFormat с помощью управления пакетами ( Preferences -> Package Control ) Откройте управление пакетами, затем введите , нажмите

Добавьте следующую строку в ваши привязки клавиш ( Настройки -> Привязки клавиш Пользователь )

 { "keys": ["ctrl+alt+2"], "command": "js_format"}
 

Я использую CTRL + ALT + 2 , вы можете изменить эту комбинацию клавиш, как хотите. Пока что JsFormat — хороший плагин, стоит попробовать!

Надеюсь, кому-нибудь это поможет.

Для меня решение HTML Prettify было чрезвычайно простым. Я перешел на страницу HTML Prettify.

1. Нужно Диспетчер пакетов Sublime
2. Следуйте инструкциям по установке менеджера пакетов здесь
3. набрал CMD + SHIFT + P для вызова меню
4. Типизированный приукрасить
5. Выберите HTML prettify выбор в меню

Стрела. Сделанный. Выглядит великолепно

Есть подключаемый модуль SublimeHtmlTidy, который работает очень хорошо

https://github.com/welovewordpress/SublimeHtmlTidy

Просто перейдите по ссылке

Правка -> Тег -> Автоформат тегов в документе

Я думаю, это то, что вы ищете:

https://github.com/victorporof/Sublime-HTMLPrettify

Я создал пакет под названием HTMLBeautify , который неплохо справляется с переформатированием HTML. Я взял за основу Perl-скрипт, который нашел еще в 19 году.

Проверьте это и дайте мне знать, что вы думаете!

https://github.com/rareyman/HTMLBeautify

У меня еще нет права комментировать, так что это просто дополнительная информация, связанная с ответом @peter выше ответа.

Я обнаружил, что HTML не выравнивается, как ожидалось, если условные комментарии IE в заголовке не были полностью встроенными, например. вровень слева:

Существует хороший плагин CodeFormatter с открытым исходным кодом, который (наряду с повторным отступом) может украсить грязный код, даже если он весь находится в одной строке.

Я использую tidy вместе с пользовательской системой сборки для улучшения HTML.

У меня есть HTMLTidy.sublime-build в моем каталоге Packages/User/:

 {
  "cmd": ["tidy", "-config", "$packages/User/tidy_config.cfg", "$file"]
}
 

и файл tidy_config.cfg в одном каталоге:

 отступ: авто
размер вкладки: 4
шоу-предупреждения: нет
обратная запись: да
тихо: да
отступ-cdata: да
приборная метка: нет
обернуть: 0
 

И просто выберите систему сборки и нажмите CTRL + B или CMD + B , чтобы переформатировать содержимое файла. Одна небольшая проблема заключается в том, что ST2 не перезагружает файл автоматически, поэтому, чтобы увидеть результаты, вам нужно переключиться на какой-то другой файл и обратно (или на другое приложение и обратно).

На Mac я использовал macports для установки приборки, на Windows нужно было скачать самому и указать рабочий каталог в системе сборки, где находится приборка:

 "рабочий_каталог": "c:\\HTMLTidy\\"
 

или добавьте его в ПУТЬ.

вы можете установить горячую клавишу F12 легко!!!

 { "keys": ["f12"], "command": "reindent", "args": { "single_line": false } }
 

подробнее здесь.

HTML-CSS-JS Prettify — бесспорно лучший.

1. Установка управления пакетами
2. ⌘ + сдвиг влево + p (или ctrl + alt + сдвиг влево + p) -> Управление пакетами: установить пакет
3. Введите HTML-CSS-JS Prettify
4. Установить узел
5. Перезапустите Sublime Text

Наслаждайтесь.

sublimetext3 - Автоматический отступ в Sublime Text

спросил 5 лет, 11 месяцев назад

Изменено 1 год, 11 месяцев назад

Просмотрено 116 тысяч раз

Есть ли какая-либо команда/ярлык для автоматического отступа всего моего кода на странице одновременно в Sublime Text 3?

например: В NetBeans я могу сделать это с помощью Alt + Shift + F .

• sublimetext3
• sublimetext
• форматирование кода

В Sublime это довольно просто. Просто нажмите Ctrl+Shift+P (или Command+Shift+P в MacOS), чтобы открыть палитру инструментов, введите reindent и выберите Indentation: Reindent Lines . Он должен переустановить весь файл, в котором вы находитесь, просто не забудьте сохранить его перед запуском команды, иначе он может не появиться.

Просто добавьте эту привязку в файл «Привязки клавиш — Пользователь»:

Настройки > Привязки клавиш — пользователи

 {"keys": ["alt+shift+f"], "command": " redent", "args": {"single_line": false}}
 

И добавить этот код в квадратные скобки.

Теперь вы можете использовать Alt + Shift + f в качестве ярлыка автоматического отступа

Вы также можете использовать функцию «повторного отступа» через палитру команд. Ctrl + Shift + P

Ресурсы:

Auto-indenting on Sublime Text 3 by Osvaldo Zonetti

Create a Keybinding by Joe Lloyd

Вы можете использовать один из многих плагинов, которые делают то, что вам нужно, например тот, который я использую:

• https://github.com/akalongman/sublimetext-codeformatter

Это должно работать как в возвышенной текстовой версии 3:

 {"keys": ["alt+shift+f"], "command": "reindent", "args": {"single_line": false}}
 

просто скопируйте и вставьте в свой файл настроек -> сочетания клавиш-> Пользователь . Теперь выберите весь код и нажмите alt-shift f , чтобы увидеть результаты.

По прямому назначению можно использовать Ctrl plus ] и для непреднамеренного использования Ctrl plus [

Выберите все, а затем выберите «Правка» -> «Отступ документа» (Ctrl + Alt + I)

Зарегистрируйтесь или войдите в систему

Опубликовать как гость

Требуется, но не отображается

Опубликовать как гость

Требуется, но не отображается

Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.