Корисні плагіни для текстового редактора 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. Все, файл стиснутий.
Відео: Профтехосвіта Sublime text 3. Найкорисніші плагіни для верстки і не тільки
підсумок
Отже, сьогодні ми розглянули, як встановити пакетний менеджер Package Control і 5 дуже корисних плагінів, які зможуть прискорити вашу розробку.
Дякую за увагу!
- Ez package disabler
- Як встановити cab файл в windows
- Кращі плагіни для obs studio
- Самі часто використовувані скорочення в текстовому редакторі sublime text 2.
- Кращі плагіни sublime text 3
- Nodejs. Що таке npm.
- Як використовувати github gist.
- Що таке postcss.
- Nodejs. Як працювати з файлом package.json.
- Як створити progressbar за допомогою плагіна для jquery.
- Що таке сніппети?
- Brackets. Текстовий редактор коду.
- Текстовий редактор sublime text 2.
- Аналоги notepad ++ для linux
- Плагін emmet для sublime text.
- Пакетний менеджер composer.
- Конфігурація для sublime text.
- Установка snap пакетів ubuntu
- Установка sublime text 3 ubuntu 16.04
- Інсталяція виконана, давайте писати код
- Gulp. Встановлення та налаштування.