xbitstream Aug 15 2017 at 15:17

Красочный код: как цвет помогает в работе с кодом

2 min

26K

Semantics *Development for iOS *Development for Android *Development for Windows *

+15

Comments 39

Beholder Aug 15 2017 at 15:38

Вам этот красный цвет в глаза не кричит? На обыденных, в общем-то, словах.

xbitstream Aug 15 2017 at 15:45

Ну, дело привычки. Flat цвет, на темном не особо режет глаза. В общем, на вкус и цвет, как говорится… Идея статьи — о выделении семантики.

comerc Aug 15 2017 at 16:50

Это была одна из ключевых причин перехода с WebStorm на VSCode. Но мне для TypeScript, меняйте специализацию на React Native. :)

UFO just landed and posted this here

Goodkat Aug 16 2017 at 09:18

Когда смотрю в код у коллег, сперва ничего не могу разобрать — как-то всё бесцветно.
Сам раскрашиваю код ещё со времён IDE на Turbo Vision.

anttoshka Aug 16 2017 at 09:56

Я себе сам настраивал цвета так чтобы не резало глаз, но можно было легко отделить одно от другого. Думал, что многие так делают, разве нет?

foldr Aug 16 2017 at 10:15

Цвета не настраиваю, но выбираю наименее контрастные цветовые схемы из доступных. Например, Monokai (дефолтная в Sublime Text) слишком контрастная, а вот Darkula в JetBrains IDE очень даже хороша. Еще нравится Solarized Dark — есть почти во всех опенсорсных редакторах и консолях, часто ее использую

xbitstream Aug 16 2017 at 11:57

Как показывает практика, многие привыкают к дефолтным схемам. Ну и плюс, идея в единообразии и одинаковой семантике в разных IDE.

UFO just landed and posted this here

xbitstream Aug 16 2017 at 14:33

Какую семантику вы имеете ввиду? Структуру кода? Потому что я тоже за семантическое выделение. Но сущностей много, следовательно и цветов много.

sabio Aug 16 2017 at 10:05

На схожую тему в IDE от JetBrains есть опция Semantic highlighting.
Только она немного о другом: свой цвет (до 5 штук) выбирается для каждого параметра или локальной переменной. Т.е. везде в коде метода параметр foo будет "зелёненьким", а параметр bar — "синеньким".

y0rrrsh Aug 16 2017 at 11:53

Хорошая идея. Столкнулся с такой же проблемой, если это можно так назвать: мне же сразу не понравилось подсветка по умолчанию в XCode. Решением была вот эта находка =)

domix32 Aug 16 2017 at 21:39

Тема работает для всех языков и панелей или только swift/obj-c?

xbitstream Aug 17 2017 at 10:03

По идее в Xcode это все будет работать для всех языков, которые переваривает IDE. Плюсы, например — запросто.

domix32 Aug 17 2017 at 21:28

Все что не было заточено под яблоки в XCode не работало по-человечески. В том числе подсветка у плюсов — та семантика, что настраивается в obj-c не настравивается в c++. Темы оформления вообще приходилось через Alcotraz настраивать. Было это во времена El Captain. Сейчас не знаю как обстоят дела с поддержкой

xbitstream Aug 17 2017 at 22:05

Сейчас более-менее

domix32 Aug 17 2017 at 22:21

Для полного набора не хватает членов класса

xbitstream Aug 17 2017 at 22:52

Так есть же: методы — синие, свойства — зеленые.

usrsse2 Jul 4 2019 at 10:29

Я наоборот в Visual Studio for Mac/MonoDevelop использую цветовую схему от Xcode) только VS не поддерживает разделение между библиотечными и своими классами

armansharvel Aug 16 2017 at 11:53

Большое спасибо за статью. Давно хотел потратить часок другой на то, чтобы подогнать цветовую схему икскода под себя. Всегда предпочитал Dusk, который вполне контрастный, но у него есть недостаток, к которому я привык. Все, что ты создал сам (неважно, класс, структура, метод или константа) — зеленое, все что идет из коробки — синее. Есть очень хорошее понимание того, что есть твое создание, а что нет, но это является и недостатком, потому что нет разделения между классами, методами, value types и константами. В итоге у меня получилась такая смесь между вашим Ciapre и икскодовским Dusk, где вроде как получилось и свое от чужого отделить, и внутри компоненты по их назначению отличать друг от друга. http://joxi.net/Dr8ZD4lckDLkj2
Сначала очень начало рябить в глазах, но через минуты три стало гораздо комфортнее. И отдельное вам спасибо за очень приятный желтый! Желтый цвет сделать комфортным — это вообще отдельное искусство.

domix32 Aug 16 2017 at 12:35

Я надеялся тут будет какое-то исследование про восприятие, синестезию или что-то в этом роде, а в статье "Я настроила одинаковую тему во всех IDE". Кто-нибудь может пояснить в чем соль статьи?

sabio Aug 16 2017 at 12:44

Соль статьи не в "одинаковости" темы в разных IDE, а в идее цветового выделения семантики.
Мне, например, она "открыла глаза". И я собираюсь сделать что-то подобное в своей схеме раскраски.

domix32 Aug 16 2017 at 21:18

То есть вы до этого работали в блокноте и понятия не имели, что элементы можно красить в зависимости от их назначения?

sabio Aug 16 2017 at 23:36

Нет, не в блокноте. Но как и, наверное, многие просто пользовался стандартной цветовой схемой с мелкими правками под себя. Вон пример есть в начале статьи под спойлером.

Если вам идея раскрасить по-разному классы и методы пришла раньше — отлично. Но это не значит, что статья "ниачём", а те, кто с этим не согласны, только оторвались от блокнота.

HAraKtER Aug 16 2017 at 14:28

Подскажите! А как заюзать эту цветовую схему в Android Studio?

xbitstream Aug 16 2017 at 14:32

Скачать файлик, в студии выбрать пункт меню File > Import Settings и указать скачанный файл

BeznosN Aug 20 2017 at 00:44

А в xcode?)

xbitstream Aug 20 2017 at 00:44

Положить файлик в ~/Library/Developer/Xcode/UserData/FontAndColorThemes

Kaberc Aug 16 2017 at 17:12

Мне бы такую статью по vim…

sabio Aug 16 2017 at 23:39

В одном из комментариев в начале упоминается https://github.com/morhetz/gruvbox
Это не оно?

Kaberc Aug 20 2017 at 18:58

Да ну нет. Спасибо за ссылку, конечно, поставил себе эту тему, замечательная, но мне скорее не хватает поддержки различных синтаксисов. Скорей всего у меня где-то в конфиге вима проблемы, но он подсвечивает html с дата аттрибутами и js не совсем так как нужно.

Вот пример

alexeiz Aug 16 2017 at 20:10

Следующий уровень: находить странности в коде по запаху.

raydac Aug 17 2017 at 10:02

в свое время создатель языка FORTH так проникся цветовой идентификацией, что разработал ColorFORTH вставив цветовую идентификацию на уровень языка

Magic_B Aug 18 2017 at 22:30

Для Visual Studio смотрите расширение SemanticColorizer. Он позволяет сделать расширения в C# курсивом.

xbitstream Aug 18 2017 at 22:31

О! Спасибо, выглядит интересно

dsrk_dev Aug 20 2017 at 13:49

а может и vs code есть удобные схемы?

geekmetwice Aug 21 2017 at 20:33

Как программирующий каждый день, скажу: крайности всегда проигрывают. Ваша «семантическая помощь» превращает код в попугайское мельтешение цветных ленточек — мозг тупо устаёт различать «цвета и смыслы». У вас я насчитал СЕМЬ(!) разных цветов на общеупотребительные вещи (и уверен, для хабровчан это не предел! :) ). Это мрак. Цвет конкретной сущности языка имеет смысл, но сугубо под кратковременную задачу — скажем, найти все употребления локальных переменных. Но нужно ли это в регулярной работе?.. Увы, нет.

И да, не устану повторять: надоели здоровые глаза? Ставьте «тёмную» тему!

-1

xbitstream Aug 21 2017 at 21:37

Ваше мнение очень важно для нас :-) Сразу же ясно, что это все дело вкуса. Пожалуйста, не надо беспокоиться за мои глаза.
Вы думаете, я программирую только каждый первый четверг после полнолуния? Право, не стоит так сильно беспокоиться, поберегите себя.