VSCode визуалка на максималках — как?

 Публичный пост

Относительно недавно столкнулся с человеком который не только юзает светлую тему но и лигатуры (для столь же пещерных как и я - картинка лучше слов https://github.com/be5invis/Iosevka#ligations ).
Осознал что сижу на дефолтных настройках все эти годы с момента как убежал от JetBrains, много думал.

Полез в эти ваши интернеты - но от заголовков типа "Top 50 themes for VSCode", "Top 100 fonts for VSCode" вечно впечатление будто автор тупо хотел набить SEO-карму, а не реально помочь с выбором протестив темы/шрифты в бою.

Холивар "светлая или темная тема" уже состоялся:
https://vas3k.club/battle/1041/ , выводы я для себя почерпнул и всем рекомендую. Но конкретных названий там мало.

Буду признателен всем, у кого есть проверенные временем и опытом рекомендации:

  • какой конкретно темой пользуетесь? можно указать несколько.
  • пользуетесь ли кастомным шрифтом? каким?
  • пользуетесь ли поддержкой лигатур?
  • есть ли другие мало известные визуальные штуки которые можно настроить для визуального удобства работы с редактором?

Осень уже пришла, добавить красок в экран в который смотрим часами каждый день точно не будет лишним. Погнали!

Связанные посты
29 комментариев 👇

Конфиги:

  • 15px размер шрифта
  • Автоформатирование по сохранению файла

Шрифт:

  • Iosevka - нравится что больше текста влезает, последние года 3 с ним
  • Fira Code - довольно долго был на нем

Темы:

Плагины:

  Развернуть 1 комментарий

@eugeny, забрал!

  Развернуть 1 комментарий

Для себя понял, что всё это на столько индивидуально, что особо нет смысла смотреть, что там другие используют.

Кто-то тащится от тем с минимальной подсветкой синтаксиса, кому-то нужно, чтобы всё было раскрашено.

Кто-то адепт темных сил тем, кому-то заходят только светлые

Кому-то классно шрифты с лигатурами, а кому важно, чтобы ноль от буквы О отличался, а остальное уже всё равно.

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

  Развернуть 1 комментарий
🕵️ Юзер скрыл свои комментарии от публичного просмотра...

Активно пользуюсь классическим набором фронтендера: лигатурами Operator Mono и купленным шрифтом Operator Mono.

  Развернуть 1 комментарий

@karlkallavus, совершенно не понимаю прикола курсива в коде

  Развернуть 1 комментарий
🕵️ Юзер скрыл свои комментарии от публичного просмотра...

@timone, дело вкуса. Я, например, сразу глазами, будто бы, опускаю имя атрибутов и фокусируюсь на их значении.

  Развернуть 1 комментарий

@karlkallavus, курсив прям сильно) true, return, onClick - это все где-то прописано какие слова так оформлять?

  Развернуть 1 комментарий
Евгений Городилов Разработчик интерфейсов 28 октября 2023

Тема Everforest, шрифт Iosevka с лигатурами
Из других визуальных штук - Indent Rainbow и Material Theme Icons

  Развернуть 1 комментарий
Ivan Tusnolobov Леплю интерфейсы из JS 26 октября 2023

Сам долго искал светлую тему с нормальной колоризацией синтаксиса и контрастом, не нашел. Использую cерую без лигатур.
https://vscodethemes.com/e/philipbe.theme-gray-matter/gray-matter-light
https://marketplace.visualstudio.com/items?itemName=philipbe.theme-gray-matter

  Развернуть 1 комментарий
  • Купил шрифт comic code по совету, чтобы легче воспринимать текст
  • Включаю везде Rainbow Bracket или как там аналог называется в VS Code
  • Включаю Toggle centered layout, когда работаю на мониторе, опять таки для того, чтобы легче читать код
  Развернуть 1 комментарий
🕵️ Юзер скрыл свои комментарии от публичного просмотра...

Светлую тему сделал сам для SublimeText, VSCode, RubyMine, iTerm, Практически везде одинаковые получились.
Шрифт FiraCode использую много лет, все остальное не "зашло".

  Развернуть 1 комментарий
Ilia Detchenkov Пишу код и говорю другим что писать 29 октября 2023

Конфиг

  • Размер шрифта 14 (для маркдауна 16)
  • Шрифт FiraCode Retina (для маркдауна iA Writer Duo S)
  • Лигатуры включены

Тема

Переключается между Alabaster и Rubber по заходу/восходу солнца - днём светлая, вечером тёмная.

Плагины

  • dbaeumer.vscode-eslint
  • donjayamanne.githistory
  • esbenp.prettier-vscode
  • Ionic.ionic
  • mark-wiemer.vscode-autohotkey-plus-plus
  • mhutchie.git-graph
  • ms-dotnettools.csdevkit
  • ms-dotnettools.csharp
  • ms-dotnettools.dotnet-maui
  • ms-dotnettools.vscode-dotnet-runtime
  • ms-dotnettools.vscodeintellicode-csharp
  • ms-vscode-remote.remote-ssh
  • ms-vscode-remote.remote-wsl

Ну и вот так это в итоге выглядит

  Развернуть 1 комментарий
Vlad Serebryakov Фронт-энд разработчик 30 октября 2023

Пользуюсь свободным шрифтом Anonymous Pro уже лет 5 так точно. Полный восторг.

  Развернуть 1 комментарий
Anton Nadyozhkin Centralised Infrastructure Engineer 26 октября 2023

Для VSCode юзаю Monokai pro тему и шрифт JetBrains Mono. Лигатурами не пользуюсь.

  Развернуть 1 комментарий

Тема: eva theme, конкретно Eva Light Bold

Шрифт: раньше использовал fira code с лигатурами, выключил когда вёл занятия на онлайн-курсах и это сильно путало новичков. Может, сейчас обратно поставлю, но в целом и дефолтный ок

Иконки: material theme icons - честно говоря уже и забыл что они у меня установлены, просто привык уже, а сейчас увидел в экстеншенах

Отступы: indent rainbow - цветные полоски чтобы еще лучше видеть где какой отступ. Раньше еще стоял bracket colorizer но это уже нынче идет в vs code из коробки, поэтом удалил после декомишена

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

  Развернуть 1 комментарий

я долго не мог найти нормальную тему, поэтому заморочился и написал свою темную тему: Qara

скоро должен такую же, но для продукутов Jetbrais выкатить

  • минималистические иконки: Chalice Icon Theme
  • поставил себе лимит на максимум 4 вкладки
  • лигатуры - да
  Развернуть 1 комментарий

Любимая мягкая светлая тема
https://marketplace.visualstudio.com/items?itemName=xaver.theme-ysgrifennwr

  Развернуть 1 комментарий

Тема One Dark Pro, шрифт Iosevka c лигатурами. Тема также доступна для редакторов от JetBrains

  Развернуть 1 комментарий
Alexander Rygalov DevOps Engineer/YAML Developer 26 октября 2023

Пользуюсь светлой GitHub Theme и JetBrains Mono с лигатурами, такой же сетап для IntelliJ

  Развернуть 1 комментарий

И темная, и светлая (иногда) тема Tokyo Night, иконки файлов стандартные, шрифт Fira Code.

  Развернуть 1 комментарий

сижу на Night Owl без курсива + Fira code (жаль, Никита ушел из клуба)

  Развернуть 1 комментарий

Сделал свою тему на основе one dark но с лучшим контрастом и более спокойной колоризацией: https://github.com/szastupov/one-dark-evo

  Развернуть 1 комментарий

Использую тему Panda и шрифт Jetbrains Mono. Стараюсь использовать по-минимуму свистоперделок. Плагины настроены на включение/выключение в зависимости от используемого воркспейса.

  Развернуть 1 комментарий

Atom One Dark из тем и vscode-icons
для кросоты. Пробовал лигатуры - как-то совсем не зашло.

Плагины по проектам, из общего у всех только eslint и copilot.

  Развернуть 1 комментарий

Понравился шрифт Hack, тема Plastic и иконки vscode-great-icons.

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

  Развернуть 1 комментарий
🕵️ Юзер скрыл свои комментарии от публичного просмотра...

Тема Nord - https://www.nordtheme.com/ports/visual-studio-code
В зависимости от освещения, настроения светлая или темная версия.
Шрифт Hack.
Лигатуры не зашли.

  Развернуть 1 комментарий

😎

Автор поста открыл его для большого интернета, но комментирование и движухи доступны только участникам Клуба

Что вообще здесь происходит?


Войти  или  Вступить в Клуб