Как выровнять код в sublime text 3
Перейти к содержимому

Как выровнять код в sublime text 3

  • автор:

Как установить и настроить Sublime Text

Среди достоинств редактор Sublime Text можно отметить возможность одновременного редактирования нескольких участков текста, мощную систему плагинов, подключаемый менеджер пакетов, сохранение и вставку фрагментов текста по горячим клавишам. При всём этом Sublime Text можно скачать бесплатно и использовать без покупки лицензии.

Лайфхаки

Автоматическое выравнивание html кода SublimeText 3. Можно ли настроить SublimeText 3 таким образом, чтобы он автоматически выравнивал/структурировал html код, когдя я его вставляю/пишу?

Можете делать ctrl + a, потом Edit → Line → Reindent.
Используйте хоткеи на Reindent. Открываете User Hotkeys и пишите

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

Есть встроенные средства Ctrl+Shift+P → Indentation: Reindent Lines
Внизу справа где «Tab size: N» жмем и выбираем: «Convert Indentation to Tabs»

SublimeText 3 это редактор, а не IDE (например Netbeans), поэтому в нем нельзя форматировать код учитывая вставки html в PHP коде.

Хоткейс

Ctrl+Shift+K — удалить строку, в которой курсор
Ctrl+Shift+D — дублировать строку на которой стоит курсор, новая строка вставляется ниже
Ctrl+D — комментировать выделенный текст или строку в которой находится курсор

Package Control менеджер плагинов

Package Control — это менеджер плагинов для Sublime Text 3.

Перейдите на сайт Package Control https://packagecontrol.io/installation

Скопируйте код для вашей версии Sublime Text 3:

Запускаем Sublime Text, переходим в меню «View→Show Console»
В строке консоли вставляем код и жмем клавишу Enter
Должно появиться в меню Preferences→Package Control

Для инсталляции новых пакетов плагинов, например Emmet, в запущенном Package Control выберите «Install package». Откроется окно с базой пакетов, в строке этого окна наберите имя нужного вам пакета, например Emmet и нажмите на нем.

Проверяем работу Emmet: создайте пустой файл с расширением html, нажмите Shift+!, а потом клавишу Тab и появится код заготовки страницы html.

Обзор игрового хостинга Realms Hosting: Minecraft, RUST, Counter-Strike.

10 Самых Популярных Статей

  1. 7 способов сравнения файлов по содержимому в Windows или Linux
  2. Что такое страны tier 1,2,3 и как правильно выбрать ГЕО для рекламной кампании
  3. Настройка, использование GitLab CI/CD
  4. Китайский VPN Shadowsocks простая установка и настройка
  5. Настройка и использование сервера OpenVPN в Linux
  6. PostgreSQL: создать БД, пользователя, таблицу, установить права
  7. top, htop, atop определение загрузки ОС (Load average, LA)
  8. Использование rsync в примерах
  9. my.cnf примеры конфигурации MySQL, MariaDB
  10. dig проверка DNS сервера

10 Самых Популярных Обзоров

  1. ТОП 4 лучших антидетект браузеров в 2024 (Бесплатные & Платные)
  2. Обзор и отзывы о Namecheap в 2024 году
  3. ТОП 4 Лучших Игровых Хостингов в 2024
  4. Обзор браузера Dolphin
  5. ТОП 3 Проверенных VPN, Прокси, Хостинг VPS Турция в 2024
  6. Что такое Оффшорный хостинг, абузоустойчивый хостинг, DMCA игнорируется | ТОП 4 провайдеров в 2024
  7. Обзор и отзывы AstroProxy в 2024 году
  8. Обзор и отзывы о PQ Hosting в 2024 году
  9. Проверенные VPS / VDS хостинг провайдеры
  10. Обзор и отзывы о AÉZA (Аеза) в 2024 году: преимущества и недостатки

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

Как настроить в Sublime 3 автоформатирование кода? Допустим, я вставил HTML код в Sublime Text. Этот код с одинаковой табуляцией, соответственно, получается каша. Как сделать так, чтобы при определённом действии код сам форматировался и принимал нормальный вид?

Отслеживать
19.9k 5 5 золотых знаков 44 44 серебряных знака 61 61 бронзовый знак
задан 1 мар 2016 в 12:07
Юрий Светлов Юрий Светлов
830 2 2 золотых знака 11 11 серебряных знаков 38 38 бронзовых знаков
Установите github.com/victorporof/Sublime-HTMLPrettify
1 мар 2016 в 12:33
Да, только ты забыл, что нужно с false в конце поменять на true?
6 окт 2019 в 19:26

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

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

Preferences → Key Bindings — User

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

Данный код позволяет по нажатию комбинации 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

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

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

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

Выравнивание кода в sublime text. Какие есть плагины?

Был у меня плагин для выравнивания, но забыл название. Активировался при сочетании ctr + shift + d. В скаченном проекте весь css файл в одну строку. Поделитесь какие плагины вы знаете для этого ( alignment не помогает и edit > line тоже)

  • Вопрос задан более трёх лет назад
  • 2666 просмотров

Комментировать

Решения вопроса 0

Ответы на вопрос 1

Taraflex

Ищу работу. Контакты в профиле.

Ответ написан более трёх лет назад

Комментировать

Нравится 1 Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

sublime-text

  • Sublime Text

Как Sublime Text заставить сохранять все новые вкладки автоматически?

  • 1 подписчик
  • 04 мая
  • 24 просмотра

Автоматическое выравнивание html кода SublimeText 3?

Подскажите, пожалуйста, можно ли настроить SublimeText 3 таким образом, чтобы он автоматически выравнивал/структурировал html код, когдя я его вставляю/пишу.
Вот примерно то, что я хочу Инструмент для форматирования HTML кода

Возможно какой то плагин. Не могу понять какой и как его настроить.

  • Вопрос задан более трёх лет назад
  • 137851 просмотр

Комментировать
Решения вопроса 2
NodeJS TechLead
Используйте хоткеи на Reindent.
Открываете User Hotkeys и пишите
Ответ написан более трёх лет назад
Нравится 37 5 комментариев

Спасибо большое, очень выручил этот код. В новой версии путь: Preferenses -> Key Bindings -User. Вставляем этот код в открывшийся файлик и наслаждаемся автоформатированием текста.

RomanVasin @RomanVasin
Век живи — век учись! Спасибо, господа!)))
Ништяк, благо !
eskanderdon @eskanderdon
Подскажите, как ознакомиться с полным списком для «args»: ?
Спасибо большое.

Можете делать ctrl + a, потом Edit → Line → Reindent. Либо попробовать какой-нибудь плагин (раз, два).

Ответ написан более трёх лет назад
Нравится 21 1 комментарий
Xsenia_Kuznetsova @Xsenia_Kuznetsova
Большое спасибо за совет по плагину! Отлично сработало
Ответы на вопрос 3

Zoxon

Веб-разработчик
Есть встроенные средства
Ctrl+Shift+P → Indentation: Reindent Lines
Ответ написан более трёх лет назад
Комментировать
Нравится 10 Комментировать
Внизу справа где «Tab size: N» жмем и выбираем: «Convert Indentation to Tabs»
Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать
Люблю кодить в своё удовольствие

Дело в том, что автоформатирование не всегда требуется, иногда (у меня по крайней мере очень часто) нужно оставить оригинальное форматирование в бОльшей части кода.

По умолчанию автоформатирование кода (расставление отступов, автозакрытие тегов) включено. Если требуется форматировать код — просто выделите его (для надёжности ещё можно нажать Ctrl+J) и выровняйте встроенными средствами, способы приведены выше (или через контекстное меню)

Ответ написан более трёх лет назад
Нравится 1 4 комментария
yan4eg @yan4eg Автор вопроса

Не понятно только, для надежности нажмите Ctrl+J и что это даст ? Sublime объединил выделенные строки в одну, а как сделать обратную операцию ? «способы приведены выше» у меня не срабатывают для объединенной строки.

просто после объединения в одну строку гораздо правильнее расттавляются переносы и отступы приведёнными тут способами.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *