Мой VS Code ⚙️ Светлая тема, удобный поиск, полезные расширения и настройки 

про эту штуку узнал с месяц назад, при опыте работы больше трех лет...до сих пор в восторге)) работает в цссе и джсе, кстати

Правда на макбуковских клавиатурах это крайне неудобно, т.к. там F клавиши на трекбаре. В винде это привычно, т.к. даже в проводнике F2 меняет название файла/директории

Спасибо большое!

Причём даже выделять не нужно - просто поставил курсор на переменную и всё

А можете подсказать ещё и другие удобные фишки вс код, если не трудно???😮

Топ

Будет про Stylelint :)

Мне кажется удобнее Clipboard History удобнее поставить на всю систему. (ну или не ставить, если он есть из коробки как в Windows на Win+V) А вот за change-case спасибо

Мне нравится, что вскод теперь умеет синкать тему, в зависимости от дня и ночи

@@baileysli6235 я и не задумывался про глобальный Clipboard History, спасибо за идею!

В чём прикол светлой? Есть бенефит от этого?

@@andrewkosenko2757 Так Вадим, кажется, в видео объяснил. Большая часть сайтов светлая, вернее, далеко не все сайты поддерживают темную тему, а постоянное перескакивание с темного на светлое для глаз не очень

Она синхронизирует расширения? То есть, если я сам файлы изменю чужих расширений.

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

Как насчет monokai?

Хорошая идея, спасибо :)

Может кто знает как быстро перевести каретку за "Какой-то текст"? Я пишу в Rust, и хотелось бы быстро писать "Hello world".to_string()

У меня другой опыт и задачи, видимо. Нет больших SPA, не нужно рефакторить, да и классы расставлять тоже сам привык. Понимаю, что можно было бы удобнее, лучше, но когда вижу глыбу WebStorm, то кажется, что оно того не стоит. Как минимум, не хочу ставить Java.

@@liringea Я ушел с WebStorm где то года 3 назад, до этого использовал его несколько лет. Не знаю как сейчас, но раньше у него были довольно большие проблемы со styled-components - либой для реакта которую я использую для стилей и так же были проблемы с монорепозиторием, где лежат пакеты написанные на typescript - шторм просто не распознавал tsconfig вне рут директории и сыпал миллиард ошибок. На Vscode все клево работает все это время при самых сложных конфигурациях. В некоторых местах он конечно проигрывает шторму, но в целом - отличный и удобный редактор с мощным автокомплитом для тайпскрипта

@@liringea да, но жрет оперативы конечно, хром нервно курит в сторонке(у меня ~5гб при минимальном обвесе плагинами).

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

Так в редактор встроен emmet wrap with abbreviation. Можно добавить своё сочетание клавиш.

Чувствуешь себя сапёром. Одно неверное движение и...

Стал замечать, что левая рука немеет немного, когда что нибудь копируешь, вырезаешь) нервное что то наверно

@@stanislavndreev2831 советую не игнорировать эти первые признаки, а попробовать улушить эргономику своей работы. вот тут есть несколько неплохих советов: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-YjFQAtC8hnk.html lionet.livejournal.com/71005.html от себя посоветую проверить * высоту стола * какими пальцами, что нажимаете. нет ли такого, что нужно одним пальцам зажать клавишу, а другим тянуться * делайте перерывы, чтобы руки могли восстанавливаться

А я вижу, что наоборот - есть тренд, многие начали пробовать. Особенно, когда редакторы научились вместе с ОС переключаться в подходящую тему в зависимости от времени дня.

Я всегда почти был со светлой темой. От темной у меня глаза болят. Но мне больше нравится Atom One Light. У нее фон чуть серый и не такой яркий, и в принципе цвета спокойнее, с зеленым, там. Она может не такая красивая, но мои глаза сказали свое слово =)

@@pepelsbey особенно, когда Вадима Макеева посмотришь, и глаза загорятся

Разверните про мультикурсор и таски, пожалуйста - не очень понял, а звучит интересно.

​@@pepelsbey про мультикурсор: если нужно заменить небольшое кол-во вхождений определённого текста, выделяю этот текст(если это одно слово, то можно его не выделять, а сразу нажать сочетание), нажимаю несколько раз сочетание клавиш для editor.action.addSelectionToNextFindMatch (ctrl+d по дефолту, но я для себя переопределил) и сразу пишу новый текст. получается более интерактивно. помню 6 команд для мультикурсора, пользуюсь в основном 3мя editor.action.addSelectionToNextFindMatch editor.action.selectHighlights editor.action.insertCursorBelow есть хорошая демонстрация в оф. документации code.visualstudio.com/docs/editor/codebasics#_multiple-selections-multicursor про таски: можно запускать свои, заранее определённые, консольные команды по нажатию сочетания клавиш. можно регулярным выражениями задавать правила, по которым будут подсвечиваться участки прямо в коде, на основании стандартного вывода таски. можно достаточно гибко настроить под себя отображение, фоновое выполнение и т.д. у меня на сочетания клавиш настроены часто используемые команды (накат миграций, накат фикстур бд, дополнительный статический анализ, watch режим тестов и т.д.) code.visualstudio.com/docs/editor/tasks#_custom-tasks code.visualstudio.com/docs/editor/tasks#_binding-keyboard-shortcuts-to-tasks code.visualstudio.com/docs/editor/tasks#_defining-a-problem-matcher

Делайте паузы, дышите )

Для автоматического переименования парных тегов, есть встроенная настройка "editor.linkedEditing": true,

Когда работаешь днем в солнечной комнате, то светлая тема глазу будет приятнее, нежели темная. Плюс на экранах, типа мака (оледах), где высокая контрастность -- особенно бьет по глазам переход от темного редактора в светлый сайт. Ну и тут все ситуативно, привыкать надо и туда, и туда в зависимости от того с какой начинал изначально. Я 3 года просидел на Alabaster. Ушел с нее потому что JS не очень подходит для ее минималистичного стиля

Думаю как-нибудь попробовать переключать системную тему и тему редактора автоматически, просто ради эксперимента. Вдруг втянусь :)

К счастью, нет. Можно выключить лишнее и радоваться лёгкому редактору.

Меня там всё устраивает, даже не задумывался о настройке

Мой опыт перехода с Windows уже заржавел (15 лет назад было), но про настройки macOS для разработки есть планы рассказать :)

Не знаю таких плагинов, кроме встроенного minimap. Поищите в каталоге расширений по ключевым словам outline, map, navigation.

Нет, но обязательно попробую, спасибо!

Держитесь, скоро зима

​@@pepelsbey, да.. Зима это всегда боль) Но белые темы по глазам сильно бьют.

Не знаю, что за плагин, обучающий HTML, дайте ссылку :) Но я наверное сам хорошо знаю все теги, хех. Ушёл с Atom потому же, почему когда-нибудь уйду с VS Code - интересно узнать, что умеют другие редакторы, скучно стоять на месте.

Ну хоть какая-то польза от видео, здорово )

@@pepelsbey, ненене видео классное и полезное! Я, благодаря вам, много чего узнаю:) Спасибо за ваш труд.

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

Простые я резолвлю в Git Tower, внешнем клиенте, сложные в Kaleidoscope.

Если всю жизнь ездить на большом внедорожнике с лебёдкой и шноркелем, то потом будет неуютно на рулём какой-нибудь Mini Cooper. Но ездят же люди и радуются жизни. И ровно наоборот. Привычка и задачи очень многое определяют - мне просто незачем WebStorm.

Глазки убиваются не от темы, а от 16 часов

Посмотрите видео посвежее, там уже zsh :) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-D97rnxDqq1I.html

Красота, спасибо.

Воркспейсы усложняют очень простую задачу: открыть нужную папку. Приходится сохранять файлы, следить что они разложены, игнорить, мусорить. Не понимаю я их.

Почему тогда у бухгалтеров таблицы и документы белые? Они не меньше нашего смотрят на экран.

@@pepelsbey Во первых меньше. Еще на бумажки смотрят. Во вторых у них мониторчики поменьше. В третьих эти таблицы печатают на белой бумаге, лучше чтобы и на монике были белые. Темный цвет это не про стиль или моду. Глазам реально легче. Я не адепт темного. У меня белая мебель)

Вы слишком генерализируете, не стоит навязывать всем свои привычки. Здорово, что вы нашли для себя удобный режим и вашим глазам проще. А я вот прямо сейчас пишу чёрные буквы на белом фоне и ОС со светлой темой. Мне так привычно и удобно. 90% сайтов, которыми я пользуюсь, точно такие же. А потом я иду в редактор и там - то же самое. Мне очень нравится такая последовательность.

Мне редко приходится работать с сетью, но спасибо за совет :)

Вероятно, Ctrl H это альтернатива Cmd E, просто на Windows.

В отличие от многих других, он даже умудряется делать это быстро. Atom гораздо медленнее (

😱 Никогда бы не подумал

Есть план попробовать :)

Кому как. Мне наоборот удобно, что визуально разделяется код и сайты. + Большинство проектов, над которыми я работаю, темные. Многие сайты и приложения начали добавлять тёмные темы после того, как эпл добавила тёмную тему в ос и начала это делать. У тёмной темы нет недостатков. Глаза напрягаются гораздо меньше. Хотя я начал это замечать только через ~лет 5 кодинга

@@Disorrder все равно Гугл ещё светлый а в процессе в Гугл ходить надо будет чаще чем на страницу проекта. Стак светлый , все сайты Светлые. Да и темные темы нравятся не всем . Ну и плюс днём читаемость кода на темной теме заметно хуже

Вы бы проверили, сравнили. На одной уверенности далеко не уедешь :)

Вместо Trailing Spaces можно использовать стандартную штуку в настройках "files.trimTrailingWhitespace"

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

@@pepelsbey у него свой встроенный рантайм. Мне лично очень нравится изобилие фич. Работа с бд, докером, еслинтом, вебпаком и т д

только всё же Ctrl + C / Win +V Win+C - это кортана

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

Добавил github.com/pepelsbey/playground/blob/master/57/settings.json

Я не видел таких расширений, но есть www.npmjs.com/package/depcheck

@@pepelsbey Спасибо, Вадим! Это, конечно, не совсем то, но хоть что-то) После вебшторма, конечно, непривычно. Да и вроде все уже почти настроил, что не нравилось, а вот эта проблема осталась) Конечно, понятно, что можно, переключаясь на другую ветку проекта или подтягивая ветку, на которой давно не сидел, сразу писать npm i, но блин, это же чуть-чуть неудобно)

Это называется «привычка», так бывает

Если открыть папку с проектом в VS Code, то она запомнится в недавних папках и файлах по Ctrl R. И если открыть все нужные, то они там останутся и будут поблизости. Ну или пополнять его по надобности.

@@pepelsbey спасибо!

Точно попробую: просто интересно, сработает ли мой серийник уже не помню какой давности :)

@@pepelsbey хехе … Моя лицензия не подошла и попросили купить еще раз (продлить). Кстати, юзаю новый саблайм второй день - прогресс с третьей версии отличный, автокомплит стал намного умнее (спасибо Microsoft, хах). Из нюансов - настроил себе отдельно LSP сервер для JS/TS, и теперь совсем хорошо. Не знаю уйду ли с VSCode, но Саблайм сейчас хорош. Будет интересно узнать твоё впечатление об этом апдейте - поделись. :)

Тут я, просто студию разносил для съёмок Веб-стандартов

@@pepelsbey надеюсь хорошо поработал и все получилось у тебя задуманное

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

(по вашим ощущениям)

Если вы frontend разработчик, то все равно так или иначе постоянно переключаетесь между редактором кода и браузером, в котором почти в 100% случаев светлая страница. Мне кажется, что вот такое переключение с темного на светлое и обратно может даже больше навредить глазам из-за резкой смены

@@pepelsbey это вроде как объективно. Так как от темной темы глаза меньше напрягаются в темноте. При работе в хорошем освещении проблем нет ни от светлой ни от темной темы.

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

Не думаю, что такое может быть объективным. Физиология, освещение, привычки, настройки и многое другое слишком разное, чтобы говорить кому-то «ты неправ, не делай так».

Мой VS Code тоже всё умеет из коробки - похоже, что у меня задачи проще.

Косьминог?

Я здесь ). Только через терминал в самом vscode

Мне идея со сложным глобальным буфером кажется… сложной ) Лучше специальные на уровне каждого софта, так понятнее.

@@pepelsbey а я таки приучил себя пользоваться этой штуковиной. Очень приятно при переносе. Скопировал, например, заголовок в макете, следом подзаголовок, а затем текст. Потом сразу же вставил это в редактор и не надо несколько раз бегать и копировать. Но каждому свое, тут не поспоришь.

"workbench.colorCustomizations": { "[GitHub Light]": { "editor.background": "#f6f8fa" }

Atom One Light еще есть довольно приятная глазу. Но если кроме фона все нравится, то фон поменять не проблема )

alabaster theme

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

нажимаем на теге F2. Уже все из коробки. Ну или на крайняк есть еще полезная CMD+SHIFT+L

Именно, интерфейс для Git удобнее почти в каждой ситуации: от простого стейджинга до сложного мёржа.

Страшно подумать, что было утром

@@pepelsbey а утра не было, сразу был день, я проспать решил :3

Импорт кост неправильно считает)

Уже начали, вы просто не все видео и лайвы смотрели )