Sublime Text 4 — это мощный и быстрый редактор, и его потенциал раскрывается именно с плагинами. Плагины устанавливаются через менеджер пакетов Package Control. Package Control — это комплексное решение для управления пакетами, предназначенное для поиска, инсталляции, а также поддержания актуальности или удаления плпгинов/расширений в Sublime Text 4.

Установка плагинов

Для установка плагинов необходимо в главном окне программы нажать клавиши «Ctrl+Shift+P» и через поиск запустить «Package Control: Install Pakage».

Откроется поиск менеджера пакетов, в котором через поиск ищем необходимые плагины:

Для удаления используем команду «Package Control: Remove Pakage».

ТОП-5 плагинов

1. LocalizedMenu

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

2. Emmet

Emmet — это обязательный к установке плагин для фронтэнд-разработчиков, который кардинально ускоряет написание HTML и CSS с помощью аббревиатур.

Вместо того чтобы писать теги вручную, вы пишете CSS-подобное выражение (например «html») и разворачиваете его в полноценный HTML-код одной клавишей «Tab».

Ключевые возможности:

• Быстрое создание разметки: разворачивает аббревиатуры в целые деревья HTML-тегов.
• CSS-сокращения: ускоряет написание стилей.
• Навигация и редактирование: позволяет легко перемещаться между тегами и редактировать их блоками.

3. LiveReload 

LiveReload — это очень крутой плагин, который автоматически обновляет веб-страницу проекта в браузере, как только вы сохраняете изменения в HTML, CSS или JavaScript-файле. Аналогов плагина почти нет.

Как это работает?

После редактирования кода, нажимаем клавиши «Ctrl+S» для сохранения файла, и браузер мгновенно обновляет страницу, чтобы показать результат. Это избавляет нас от постоянной ручной перезагрузки вкладок и значительно ускоряет процесс веб-разработки.

Ключевая особенность:

Для работы требуется установить соответствующее расширение для браузера (Chrome, Firefox и др.) и включить его. Плагин в Sublime Text 4 и расширение в браузере синхронизируются друг с другом.

Важно:

На момент написания статьи Chrome начал блокировку расширения LiveReload, оно в настоящий момент недоступно в магазине расширений. Необходимо искать файл расширения в интернете и устанавливать в Chrome вручную.

4. ColorPicker

ColorPicker — плагин, который позволяет выбирать цвета через графический интерфейс прямо в редакторе Sublime Text.

Как работает:

Нажимаем одновременно клавиши «Ctrl+Shift+C», открывается палитра, где можно выбрать цвет с помощью глазной пипетки. После выбора цвет вставляется в код в формате HEX, RGB, HSL или HSV на выбор.

Основная функция:

Ускоряет работу с цветами, избавляя от необходимости переключаться в графические редакторы или искать значения вручную.

5. SublimeCodeIntel

Этот плагин помогает быстрее разобраться в старом коде. При нажатии на имя функции плагин покажет ссылку, по которой можно будет переместиться прямо к описанию этой функции.