Верстальщику часто необхідно бачити превью квітів, які використовуються в макетах. У повсякденній роботі це також дуже зручно. Адже, якщо #fff або # 2d2d2d добре знайомі всім, хто хоч трохи бачив роботу верстальника, то навскидку сказати, що # 9fd745 - це світло-зелений, я не зміг би.
Для таких цілей використовуються плагіни підсвічування квітів. Про один з них я розповім, це Color Highlighter.
Плагін підсвічує всі варіації кольорів, які зустрічаються в коді: HEX, RGB, RGBA і кольору по іменах (green, red):
Раніше я писав про GutterColor, який також підсвічує кольору в Sublime Text 3, але працює по-іншому.
Якщо ви не встановили Package Control, тоді саме час це зробити. Заходьте на сайт аддона і вибирайте вашу версію. Встановіть PC як показано в інструкції.
Далі встановіть плагін через Package Control, як це показано тут:
- ctrl / cmd + shft + p. виберіть Package Control: Install Package
- введіть Color Highlighter і підтвердіть установку
Далі запустіть програму.
Після цього відкрийте Preferences → Package Settings → Color Highlighter → Settings - User і додайте туди настройку, яка буде показувати превью кольору на тлі. Варіант outlined буде додавати підкреслення певним кольором.
Важливо: лапки повинні бути подвійними.
Варіанти змінної можуть бути такими:
- filled (заливка),
- outlined (обведення),
- none,
- underlined (підкреслення),
- colored text (колір тексту).
Як бачите, нічого складного. Плагін працює однаково на Win і на Mac. Якщо щось залишається неясним, задвайте питання або подивіться цей ролик (англійською):
← Тісно «Лайк», щоб читати нас у Фейсбуці
Tokar_ua Будьте в курсі. Долучайтесь до нашого каналу в Telegram.
'Data-post_id = "8942" data-user_id = "0" data-is_need_logged = "0" data-lang = "en" data-decom_comment_single_translate = "коментар" data-decom_comment_twice_translate = "коментаря" data-decom_comment_plural_translate = "коментарів" data-multiple_vote = "1" data-text_lang_comment_deleted = 'Коментар Відаль' data-text_lang_edited = "Відредаговано про" data-text_lang_delete = "ВИДАЛИТИ" data-text_lang_not_zero = "поле яке не NULL" data-text_lang_required = "Це обов'язкове поле. " data-text_lang_checked = "Оберіть один з пунктів" data-text_lang_completed = "Операцію завершено" data-text_lang_items_deleted = "Об'єкти Було Відаль" data-text_lang_close = "Закрити" data-text_lang_loading = "Завантаження.">
Додати коментар
Вибачте, для коментування та патенти Войти.
6 коментарів
Ніяк не можу знайти, як прибрати кордон. При обраному стилі filled заливається фон тексту, але при цьому сам текст ще й отримує outline контрастного кольору, що дуже - ну дуже - ріже очі. Хотів прибрати цю межу або хоча б змінити її колір на прозорий, тому що дивитися на цей вирвіглаз просто неможливо. Доведеться інші плагоси шукати або тупо використовувати осьову піпетку і забити на точне відображення кольору.
До речі кажучи, прикинути, що згаданий колір - світло-зелений, можна і без плагіна. # 9fd745 - це R = 9f, G = d7, B = 45; зелений переважає - значить, буде зелений відтінок; зелений в діапазоні 00-ff досить світлий, значить, світло-зелений; а ступінь віддаленості червоного і синього від зеленого вказує на ступінь насиченості зеленого. З незвички будете думати трохи довше, але потім - коли звикнете - подібні плагіни будуть вам потрібні тільки для наочності. І писати кольору самі відразу будете. Правда, для найбільш точних кольорів все одно буде вимагатися піпетка. Ваш кеп.
Чому не працює підсвічування, може підкажете в чому справа?
У настройки додав
Але колір показало один раз, тільки безпосередньо після додавання цього рядка. Після перезавантаження ST колір не показує, що тільки не робив.
Ця штука, до речі, підтримує змінні less, навіть ті, які імпортуються з іншого файлу. Правда не впевнений що взетіт без відповідного встановленого less синтаксису.
Тобто ВІН показує значення змінніх, Які зберігаються в других файлах проекту? Цікаво.
З початок потрібно встановити Sublime Package Control
@ Олександр, без нього ж взагалі нічого не поставиш, я забув зовсім про нього. Спасибі, оновлю статтю.
Оберіть Зручний для вас способ підпіскі
Установка і настройка зручного плагіна для підсвічування квітів в Sublime Text для Windows і Mac OS.
Установка і настройка зручного плагіна для підсвічування квітів в Sublime Text для Windows і Mac OS.
Установка і настройка зручного плагіна для підсвічування квітів в Sublime Text для Windows і Mac OS.
Установка і настройка зручного плагіна для підсвічування квітів в Sublime Text для Windows і Mac OS.
Установка і настройка зручного плагіна для підсвічування квітів в Sublime Text для Windows і Mac OS.
Установка і настройка зручного плагіна для підсвічування квітів в Sublime Text для Windows і Mac OS.
Установка і настройка зручного плагіна для підсвічування квітів в Sublime Text для Windows і Mac OS.
Інтернет, технології, життя
Матеріали з сайту могут буті вікорістані у некомерційніх цілях з активним ПОСИЛАННЯ, бачимо и відкрітім до індексації.
Ліцензовано: Creative Commons Attribution 4.0.
Знайшли помилку? Віділіть текст и натісніть Ctrl + Enter.
Працює на Bukvus
Куди надіслаті скрипт?
Я не надсилайте спам. Нехай пізнають гіркоту буття ті, хто це Робить
Я можу раз на місяць надіслаті листа з цікавімі записів з блогу. Не частіше и нічіго Іншого. Вказуючі свою пошту, ви погоджуєтесь з ЦІМ.