Корисні плагіни для текстового редактора sublime text.

Відео: Sublime text 3. Модулі для верстки / Sublite text 3 plugins

Всім привіт! Сьогодні ми розглянемо деякі корисні плагіни для текстового редактора Sublime Text, які зможуть прискорити вашу розробку.

Package Control

По-перше, ви повинні встановити спочатку Package Control - інтерфейс, за допомогою якого ви зможете встановлювати плагіни. Перейдіть сюди, скопіюйте код або для ST2, або для ST3(В залежності від того, яка у вас версія) і вставте в консоль (View -gt; Show Console). Натисніть Enter і запустіть редактор.

Відео: Sublime Text - установка плагіна Tag. Використання плагіна Tag

SideBarEnhancements

Даний плагін, як зрозуміло з назви, розширює можливості сайдбара. Якщо ви зараз натиснете на будь-який файл в сайдбарі правою кнопкою миші, то побачите, що функціонал досить маленький. Давайте це виправимо.

Відкрийте Package Control(Cmd + shift + p або Preferences -gt; Package Control), введіть там Install Package і вводимо назву плагіна (SideBarEnhancements). натискаємо Enter, і плагін встановлений. Натисніть на файл правою кнопкою миші і подивіться, як все змінилося.

Emmet LiveStyle

Цей плагін дозволить вам бачити всі зміни, які ви робите в html і css на льоту. Вам навіть не потрібно буде перезавантажувати сторінку. Досить що-небудь змінити в файлі, і воно тут же відобразиться в браузері. Дуже зручно.

Щоб його встановити, точно так же заходимо в Package Control, вводимо Emmet LiveStyle, встановлюємо, тепер переходимо в браузер Google Chrome і встановлюємо для нього розширення з точно такою ж назвою.

ColorPicker

плагін ColorPicker - це палітра кольорів, де ви можете вибрати потрібний вам колір, і його 16-ковий код з`явиться в тому місці, де у вас встановлений курсор.

Встановлюємо його, як і попередні плагіни, ставимо курсор, куди вам потрібно, натискаємо Control + Shift + c, вибираємо колір, тиснемо OK.

Tag

Tag допоможе вам відформатувати код. Наприклад, ви скачали звідкись який-небудь файл, в якому немає форматування. Що робити? Виправляти все вручну не варіант, особливо, якщо файл великий. Ось тут-то нам і допоможе даний плагін. Після того, як ви його встановили, переходите в Edit -gt; Tag -gt; Auto-Format Tags on Document.

Minifier

І знову, як зрозуміло з назви, даний плагін служить для стиснення файлу. Наприклад, у вас є .css файл і вам потрібно отримати його стислу версію. Що ж робити? Встановлюємо плагін Minifier, потім йдемо в Tools -gt; Minify. Все, файл стиснутий.