7

Как настроить в Sublime 3 автоформатирование кода?

Допустим, я вставил HTML код в Sublime Text. Этот код с одинаковой табуляцией, соответственно, получается каша.

Как сделать так, чтобы при определённом действии код сам форматировался и принимал нормальный вид?

                  <form>
             <div>
        <div></div>
        <div>
            <div>
             <img>
         </div>
         <div>
            <input>
        </div>

    </div>
</div>
</form>
2

1 ответ 1

21

Стандартными средствами

PreferencesKey Bindings — User

Если файл пустой, то вставить код полностью.
Если нет, то добавить объект в массив, как добавляли бы его в JSON.

[
    { "keys": ["ctrl+alt+l"], "command": "reindent", "args": { "single_line": false } }
]

Данный код позволяет по нажатию комбинации CTRL+ALT+L отформатировать код во всем файле или только внутри выделенного фрагмента.


С помощью стороннего плагина

Есть плагин Sublime-HTMLPrettify. Ему нужен установленный node.js для работы.
Может читать настройки из .jsbeautifyrc файла.

Установка:

  • Нажмите CTRL+SHIFT+P или CMD+SHIFT+P в Linux/Windows/OS X
  • Наберите install, выберите Package Control: Install Package
  • Наберите prettify, выберите HTML-CSS-JS Prettify

Использование (любой из вариантов)

  • Выберите ToolsCommand Palette (CTRL+SHIFT+P или CMD+SHIFT+P) и наберите htmlprettify.
  • Нажмите CTRL+SHIFT+H (или CMD+SHIFT+H если у вас Mac).
  • Кликните правой кнопкой мыши на выделенном фрагменте HTML/CSS/JS PrettifyPrettify Code
  • Откройте HTML, CSS или JavaScript file, откройте консоль Sublime Text через меню ViewShow Console и наберите view.run_command("htmlprettify").

Пример работы на вашем фрагменте кода:

введите сюда описание изображения

4
  • нормально не форматирует. Не форматирует, двигает, но не форматирует. 1 мар 2016 в 12:19
  • @ЮрийСветлов Пример кода, который надо отформатировать скиньте, пожалуйста
    – VenZell
    1 мар 2016 в 12:23
  • Вот, пожалуйста. Обновил свой вопрос. 1 мар 2016 в 12:29
  • @ЮрийСветлов, я обновил свой ответ
    – VenZell
    1 мар 2016 в 12:42

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.