Разное
September 30, 2022

Лигатуры для программистов

Есть на свете шрифт, до краев наполненный разными причудами, которые могут прийтись по вкусу маленьким программистам😃

Лигатурой можно назвать любой знак образованный путём соединения двух и более графем, например, вот:

Соединяя знаки, мы получаем лигатуры. Они часто использовались в древности, для ускорения письма, в книгопечатании и тп. Сейчас лигатуры почти не встречаются, за исключением некоторых шрифтов, в которых буковки как бы слипаются😏

Причем тут программисты?

Во всех языках программирования используются разные символы, многие из которых состоят из двух или нескольких знаков. Для лучшей читаемости, умные мужи, придумали эти знаки превращать в лигатуры, которые занимают такое же количество знаков на экране, но обладают лучше читаемостью.

Например, знак "меньше или равно" <= выглядит совсем не так, как мы писали его в школе, а знак "не равно" !==, вообще не понятен обывателю. Но использование лигатур способно это исправить.

Fira Code - это бесплатный шрифт, созданный специально для написания кода. Он содержит целую кучу разных лигатур и, вышеупомянутый, знак "меньше или равно" выглядит в нем так <=, а вот !=="не равно", круто?🙂

На картинке ниже можно посмотреть некоторые примеры лигатур и то, как они преображают код. Также, тут можно заметить, что длина строк никак не меняется, знаки занимают ровно такое же количество символов, как и раньше:

К сожалению, большинство даже не знает о существовании таких лигатур. Я и сам узнал о них только потому, что Teletype принудительно использует Fira Code во всех вставках блоков кода. Чтобы в редакторе и в моих конспектах все было одинаково, я нашел способ установить сей шрифт в Visual Studio Code.

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

Как установить?

Сам шрифт можно свободно скачать на Google Fonts.

Зачем, в настройках Visual Studio Code выбираем:

File >==> Preferences >==> Settings >==> Text Editor >==> Font

В правой колонке, в графе "Font Family" пишем Fira Code, но проще всего сразу жмякнуть чуть ниже "Edit in setting.json" => откроется небольшой файл с кодом, где нужно привести следующие строки к такому виду:

"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,   

Готово!