Пара удобных хоткеев VS Code для навигации по проекту: Ctrl + P - открывает список с недавно открытыми файлами, а так же позволяет перейти в любой файл проекта. Файлы начинают фильтроваться при вводе названия Shift + Ctrl + . - показывает структуру файла. Это позволяет быстро передвигаться между тегами в html, классами в css, или же разными сущностями в js. Тут так же можно отфильтровывать, начиная вводить название
Правда на макбуковских клавиатурах это крайне неудобно, т.к. там F клавиши на трекбаре. В винде это привычно, т.к. даже в проводнике F2 меняет название файла/директории
Мне тоже светлая тема больше нравится) Начал переключаться на неё в солнечные дни, чтобы легче было читать код, и когда-то забыл вернуться, так и остался)) Спасибо Вадим, узнал некоторые новые настройки и расширения. Делюсь моим списком популярных расширений для VSCode: 1. Code Spell Checker (проверка орфографии) 2. Bookmarks (можно ставить маркер к строчке кода в проекте и быстро перемещаться по ним) 3. Bracket Select (улучшает функциональность выделения текста, например можно выделить хоткеем сразу всю строку или содержимое в скобках, а при повторном нажатии выделение будет распространяться на родителя) 4. change-case (преобразует строку из одного формата в другой CONSTANT_NAME -> constant-name, lowerCamelCase -> LOWER_CAMEL_CASE и тд) 5. Clipboard History (сохраняет все значения из буфера обмена (внутри редактора) в список, это значение можно получить позже - удобно когда нужно скопировать сразу 2 отдельных значения в одном месте и вставить их в другое место) 6. htmltagwrap (оборачивает выделенный html в новый html тег, которому можно задать имя) 7. indent-rainbow (визуально облегчает восприятие отступов) 8. Wrap Console Log (позволяет из выделенной переменной, создать запись вида console.log(выделенное значение) на следующей строке)
Мне кажется удобнее Clipboard History удобнее поставить на всю систему. (ну или не ставить, если он есть из коробки как в Windows на Win+V) А вот за change-case спасибо
@@andrewkosenko2757 Так Вадим, кажется, в видео объяснил. Большая часть сайтов светлая, вернее, далеко не все сайты поддерживают темную тему, а постоянное перескакивание с темного на светлое для глаз не очень
Вадим, такое ощущение, что если бы вы своей подачей несли несвязную хрень, (мне) всё равно было бы интересно это слушать ☺ ...а тут ещё и полезности. Короче, я, как обычно, в восторге!
Пользовался VS Code пока не столкнулся с SPA. Решил попробовать Webstorm и удивился тому, насколько лучше он парсит проект. Я имею в виду то, как он видит переменные в других файлах, то как анализирует зависимости. И, в связи с этим, он лучше показывает, например, опечатки при использовании переменных из других файлов. Лучше работает автокомплит. Кто то жалуется на скорость работы вебшторма, но если нормальный компьютер то должно быть ок. Кстати в вёрстке тоже есть некоторые мелочи, которые вебшторм делает лучше. Например, я люблю сначала расставлять классы в разметке, а потом уже прописывать их в scss файле. И если верстать в такой последовательности, то в VS Code нет автокомплита для классов, которые уже прописаны в html файле, в webstorm - есть. Максимум что я смог выжать из VS Code при помощи расширения, это автокомлит в html разметке классов, прописанных заранее в scss. Пока только верстал, думал что не уйду с VS Code, но к сожалению нам пришлось расстаться =)
У меня другой опыт и задачи, видимо. Нет больших SPA, не нужно рефакторить, да и классы расставлять тоже сам привык. Понимаю, что можно было бы удобнее, лучше, но когда вижу глыбу WebStorm, то кажется, что оно того не стоит. Как минимум, не хочу ставить Java.
@@liringea Я ушел с WebStorm где то года 3 назад, до этого использовал его несколько лет. Не знаю как сейчас, но раньше у него были довольно большие проблемы со styled-components - либой для реакта которую я использую для стилей и так же были проблемы с монорепозиторием, где лежат пакеты написанные на typescript - шторм просто не распознавал tsconfig вне рут директории и сыпал миллиард ошибок. На Vscode все клево работает все это время при самых сложных конфигурациях. В некоторых местах он конечно проигрывает шторму, но в целом - отличный и удобный редактор с мощным автокомплитом для тайпскрипта
Еще один полезный шорткат - Shift + Command + L на выделенном тексте/слове Раставляет курсоры по по совпадению выделенного текста или последнего слова перед курсором.
5:30, про буфер. Последнее время часто пользуюсь виндовым виртуальным буфером Win+V, очень удобно, сохраняет все предыдущие копирования, плюс можно закрепить нужные )
Плагин htmltagwrap - позволяет врапить элементы в вёрстке alt + W. Для примера: получили копирайт и нужно быстренько по , , , etc. это всё обернуть, очень удобно :)
@@stanislavndreev2831 советую не игнорировать эти первые признаки, а попробовать улушить эргономику своей работы. вот тут есть несколько неплохих советов: ruclips.net/video/YjFQAtC8hnk/видео.html lionet.livejournal.com/71005.html от себя посоветую проверить * высоту стола * какими пальцами, что нажимаете. нет ли такого, что нужно одним пальцам зажать клавишу, а другим тянуться * делайте перерывы, чтобы руки могли восстанавливаться
Из расширений могу ещё посоветовать следующие: 1. Auto Rename Tag - Очень удобно, когда нужно семантику в разметке со дна поднимать. 2. Quokka - Удобно тем, что можно по быстрому накидать какую-то функцию, отладить, и оптимизировать. Всяко быстрее чем через ноду скрипт с файликом запускать. 3. Dummy Text Generator - Lorem Ipsum на стероидах. Ну а белая тема, это издевательство в чистом виде. В жизнь не поверю, что приятно высматривать пару тёмных точек в прожекторе, что вам в лицо светит. Особенно, когда нужно по 6-8 часов в такой "прожектор" всматриваться.
Когда работаешь днем в солнечной комнате, то светлая тема глазу будет приятнее, нежели темная. Плюс на экранах, типа мака (оледах), где высокая контрастность -- особенно бьет по глазам переход от темного редактора в светлый сайт. Ну и тут все ситуативно, привыкать надо и туда, и туда в зависимости от того с какой начинал изначально. Я 3 года просидел на Alabaster. Ушел с нее потому что JS не очень подходит для ее минималистичного стиля
А я вижу, что наоборот - есть тренд, многие начали пробовать. Особенно, когда редакторы научились вместе с ОС переключаться в подходящую тему в зависимости от времени дня.
Я всегда почти был со светлой темой. От темной у меня глаза болят. Но мне больше нравится Atom One Light. У нее фон чуть серый и не такой яркий, и в принципе цвета спокойнее, с зеленым, там. Она может не такая красивая, но мои глаза сказали свое слово =)
7:07 найти-заменить такие вещи делаю мультикурсором. сочетание клавиш для "add selection to next find mach" (+ - //- previous). привык уже многие вещи делать через мультикурсор. часто выходит ещё удобнее, чем через диалог "найти-заменить" ещё всем советую разобраться с task'ами в vscode. мне очень помогают
@@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
В целом ничего нового не узнал. Но благодаря вам все-таки собрался и настроил синхронизацию настроек. А то когда пересаживаюсь с машинки на машинку, трачу время на привыкание. Хоть и старался настраивать одинаково. На счет светлой темы солидарен. Как-то она приятна глазу. И GitHub Light одна из самых комфортных светлых тем.
Извиняюсь, если поздно запрыгнул в поезд, но в Project Manager давным-давно нет никакого смысла, потому как в VS Code есть встроенные Workspaces. Recent, конечно, штука удобная, но Workspaces позволяют хранить настройки редактора, расширений и еще тьмы всякого. Очень удобно.
Воркспейсы усложняют очень простую задачу: открыть нужную папку. Приходится сохранять файлы, следить что они разложены, игнорить, мусорить. Не понимаю я их.
Спасибо за видео, было интересно) Понравился минималистичный подход к выбираемым плагинам и настройкам. Только то, что нужно и ничего лишнего. С темной темой для консоли и светлой для редактора, кстати, у меня та же история...Как-то это интуитивно что-ли...
Тоже юзаю светлую тему (Ayu), но только днём. В VS Code относительно недавно появился выбор дефолтной темной и светлой темы, а так же подстраивание под систему. Очень удобно: поставил на винду утилиту, которая переключает тему системы в зависимости от местоположения и вечером-ночью система, сайты, програмы становятся темными (естественно которые поддерживают такую смену). На маке по идее тоже работать. А вот на линусе проблема, по крайней мере на ГНОМЕ, там есть расширение по автосмене, но Хром и всё что на Электроне prefers-color-scheme от этого не меняет, хотя Файерфокс подстраивается.
Наконец-то упорядочил настройки редактора и удалил десяток плагинов) Спасибо, Вадим! Было бы классно посмотреть на ваш процесс работы с Гитом, ну и про stylelint)
Около 10 лет пользуюсь PhpStorm. Периодически пытаюсь пересесть на VSCode, но до сих пор не нашёл все нужные плагины, чтобы иметь ту же функциональность, которая в Шторме доступна из коробки. Тему тоже предпочитаю светлую. Когда работаешь на улице при ярком свете, лучше всё видно. Но для VSC нет темы с такой же подсветкой, как у Шторма, к сожалению. Перепробовал пару десятков - везде есть свои минусы.
Если всю жизнь ездить на большом внедорожнике с лебёдкой и шноркелем, то потом будет неуютно на рулём какой-нибудь Mini Cooper. Но ездят же люди и радуются жизни. И ровно наоборот. Привычка и задачи очень многое определяют - мне просто незачем WebStorm.
А пробовал расширения GitLens и Git Graph?) И да, нашёл для себя полезное - сразу сделал sync, autofetch и установил расширение File Utils) Для светлой темы использую Kai Light Accent
Я ноуд бекендер, поэтому мои расширения немного оличаются, но все же: Самые крутые это: tabnine autocomplete ai - Супер фича, отлично дает подсказки, позволяет писать многие вещи быстрее. Inline Parameters for VSCode - дает аннотации параметров прямо при написании вызова функции. Для цветных отсупов и скобок - intent-rainbow и Rainbow Brackets Очень нравится Git Graph и Git Length для гита docker explorer - для легкого и непренужденного мониторинга, запуска и менеджа докер образов
Отличная фича для git `Stage selected range` После просмотра - добавли `Word separator` - убрал `mini map` - убрал полностью иконки c файлов и папок в боковой панели
Темный интерфейс это не программистский прикол. Это забота для глаз. Когда целый день на тебя жарит 27’’ лампа, а у кого то и больше, глаза спасибо не скажут.
@@pepelsbey Во первых меньше. Еще на бумажки смотрят. Во вторых у них мониторчики поменьше. В третьих эти таблицы печатают на белой бумаге, лучше чтобы и на монике были белые. Темный цвет это не про стиль или моду. Глазам реально легче. Я не адепт темного. У меня белая мебель)
Вы слишком генерализируете, не стоит навязывать всем свои привычки. Здорово, что вы нашли для себя удобный режим и вашим глазам проще. А я вот прямо сейчас пишу чёрные буквы на белом фоне и ОС со светлой темой. Мне так привычно и удобно. 90% сайтов, которыми я пользуюсь, точно такие же. А потом я иду в редактор и там - то же самое. Мне очень нравится такая последовательность.
темная тема потому что часто приходится работать вечером, когда уже темно и горит только настольная лампа. тогда монитор глаза не "режет". да и работая под кедами, где давно уже есть темный интерфейс, привыкаешь к нему, даже либра темный. но при ярком свете или когда подключаешь проектор то да, приходится переключаться в светлую тему, иначе плохо видно
Спасибо большое! Светлая тема сейчас просто не модная. Много проектов "перекрасилась" в темное, что не всем пошло на пользу. Имхо, это как сравнивать одежду: одному подавай свитер с оленями и джинсы, другой любит классические брюки... Личное дело каждого. Если не секрет, почему не используется например плагин "обучающий" VSCode всем тегам из спецификации HTML 5? А почему ушли с Атома?
Не знаю, что за плагин, обучающий HTML, дайте ссылку :) Но я наверное сам хорошо знаю все теги, хех. Ушёл с Atom потому же, почему когда-нибудь уйду с VS Code - интересно узнать, что умеют другие редакторы, скучно стоять на месте.
Благодарю за видео, узнал много фишек, с которыми справлялся костыльно, имея под рукой готовый инструмент. Как же сильно настройки зависят от воркфлоу прогера) Светлая тема +
Конечно светлая тема удобнее, но глазкам при нескольких часах работы, все же полезнее темная. Каждый день на лампочку смотреть так себе затея. Плюс при вечерней работе, мозг думает, что все еще день и потом сон хуже. Если вообще удается уснуть сразу. Так что привычку можно и нужно побороть. Как и сидеть в стуле можно прямо, а можно откинувшись на спинку, ну так ведь удобнее и привет грыжи в шее
Экраны с LED-подсветкой (99% ноутбуков) не потребляют меньше энергии с тёмной темой ОС. Это справедливо только для OLED, где пиксели могут выключаться.
Про порционный стейджинг не знал. Сортировка строк - ванлав ещё с Sublime Text. Тож не знаю как жить без неё. А также без "Add next occurrence" - добавление в выделение следующего совпадения, чтоб затем заменить группой. Позволяет работать более филигранно чем F2. При установленном npm intellisense запуск npm скриптов возможен с соответствующей вкладки слева. В теории быстрее чем с консоли, но редко вспоминаю о том что они там есть. По хорошему нужно научиться дебажить с редактора - но на реальных проектах как-то это неудобно пока что. По расширениям - git lens, а в частности его конкретная фича - blame строк, позволяющий моментально найти "а кто это сделал". Также не знаю как писать js без консоль-логгера (Turbo Console Log, но вообще сотни их) - когда вижу как коллеги руками набирают всю конструкцию вместо dbl-click + hotkey хочется взять и установить им. CodeTime позволяет строить красивые графики прокрастинации за неделю, но как и упомянутый project manager надокучает своей излишней активностью. Из более редких находок - Tailwind Twin IntelliSense . При использовании tailwind+twin.macro поначалу ускоряет работу просто таки на порядок показывая не только автокомплит, но и в какие именно css-правила этот класс превратится.
Да, темная тема по умолчанию в IDE стоит просто так))) Отнюдь не потому что на темном фоне проще показать контрастные цвета, которые на белом либо будут просто черными, либо будут сливаться с фоном
Извините может за ламерский вопрос. Можно сделать что-то типа оглавления файла и перемещаться по нему? Сложно перемещаться по длинным файлам, когда не знаешь точные названия функций.
скажите, какое есть расширение vscode для автоопределения кодировки? или есть команда? а то устал менять кодировку с utf-8 на кириллицу 1251 в одних файлах и наоборот в других
Мешают кучи всяких выделений при наведении и около курсора. Сейчас по-отключал все что попалось в настройках. Боялся что не будет работать попап выбора цвета при ховере на цвет - но он работает при клике на квадратик слева от цвета (сам квадратик возможно от какого-то расширения).
Основная проблема темных тем это действительно то что при переключении между браузером и редактором постоянно бьет в глаза из за этого сложно сосредоточиться
Кому как. Мне наоборот удобно, что визуально разделяется код и сайты. + Большинство проектов, над которыми я работаю, темные. Многие сайты и приложения начали добавлять тёмные темы после того, как эпл добавила тёмную тему в ос и начала это делать. У тёмной темы нет недостатков. Глаза напрягаются гораздо меньше. Хотя я начал это замечать только через ~лет 5 кодинга
@@Disorrder все равно Гугл ещё светлый а в процессе в Гугл ходить надо будет чаще чем на страницу проекта. Стак светлый , все сайты Светлые. Да и темные темы нравятся не всем . Ну и плюс днём читаемость кода на темной теме заметно хуже
я та чередую светлую и темную тему. точнее днем и когда продемонстрирую код студентам на проектере светлая тема, а ночью дома темная тема. светлая тема выглядит уютнее что-ли
Если вы frontend разработчик, то все равно так или иначе постоянно переключаетесь между редактором кода и браузером, в котором почти в 100% случаев светлая страница. Мне кажется, что вот такое переключение с темного на светлое и обратно может даже больше навредить глазам из-за резкой смены
@@pepelsbey это вроде как объективно. Так как от темной темы глаза меньше напрягаются в темноте. При работе в хорошем освещении проблем нет ни от светлой ни от темной темы.
Не думаю, что такое может быть объективным. Физиология, освещение, привычки, настройки и многое другое слишком разное, чтобы говорить кому-то «ты неправ, не делай так».
выделяешь слово, Жмешь ctrl + f (нашлось первое слово, подходящее под поиск), затем жмешь alt + enter (выделяются все слова подходящие под поиск), изменяешь, ОК. Для винды 10 очень помогает включить буфер обмена (там штук 20 последних копирований хранится), жмакаешь win + v и видишь что копировал ранее, очень помогает. Мои комментарии снова в бан улетают. 🤣
@@pepelsbey а я таки приучил себя пользоваться этой штуковиной. Очень приятно при переносе. Скопировал, например, заголовок в макете, следом подзаголовок, а затем текст. Потом сразу же вставил это в редактор и не надо несколько раз бегать и копировать. Но каждому свое, тут не поспоришь.
спасибо за видео. установил такую же белую тему , но синтаксис подсвечивается не так, как в описании темы или же у вас на видео, а другими цветами... как сделать, чтобы синтаксис подсвечивался нормально?
А я открваю файлы через терминал: code / или cd / code . А еще можно легко и просто открыть конкретный файл: code ~/.npmrc "Авто-сохранение" VS Code сохраняет несохраненное. ;) Точнее сохраняет состояние пользовательского интерфейса. Т.е. Можно асболютно спокойно закрыть редактор (и даже выключить компьютер), не сохранив файл (т.е. файл на диске изменен не будет). А потом открыть тот же проект в VS Code и наша несохраненная версия будет доступна. Но, т.к. это работает на уровне состояния пользовательского интерфейса, такое сохранение работает для открытых файлов. Поэтмоу при попытке закрыть вкладку с файлом VS Code предложит сохраниться.
Автосохранение на уровне состояния заметил и ценю, особенно историю. Но как-то не очень надёжно и очевидно, так что всё равно стараюсь сохранять для большей надёжности. Консольной утилитой code тоже пользуюсь, очень удобно для конфигов и прочей мелочи.
@@pepelsbey да я тоже, Ctrl + S на автомате жму) Автосохранение ui-состояния -- это, скорее, защита от случайного закрытия редактора (такое случается, когда много проектов сразу открыто)
Много раз ради интереса пытался пересесть с WebStorm на легковесные редакторы (sublime, vs code, atom). Каждый раз возвращался. Да, WebStorm тяжелый, платный, медленный. Но он дико удобный. После него все прочие редакторы кажутся нелепым поделием. VS Code, вроде, по функциональности догоняет, но все равно неудобно. А еще в Code на любой чих надо лезть в интернет и искать плагин. WebStorm все может из коробки.
@@pepelsbey Спасибо, Вадим! Это, конечно, не совсем то, но хоть что-то) После вебшторма, конечно, непривычно. Да и вроде все уже почти настроил, что не нравилось, а вот эта проблема осталась) Конечно, понятно, что можно, переключаясь на другую ветку проекта или подтягивая ветку, на которой давно не сидел, сразу писать npm i, но блин, это же чуть-чуть неудобно)
Если открыть папку с проектом в VS Code, то она запомнится в недавних папках и файлах по Ctrl R. И если открыть все нужные, то они там останутся и будут поблизости. Ну или пополнять его по надобности.
@@pepelsbey я тоже так думал, ведь нам Java называли как главную тему, читалось как единственную. Зря. Оказалось, она прекрасно умеет в другие языки, в том числе Web. Как богато поддерживается Perl, JavaScript, HTML, SQL, навигатор БД, я в восторге. А VSCode тоже классный и могучий. На мой вкус при сравнении оба инструмента выглядели как очень достойные соперники.
Мне не нужна Java в том смысле, что я не хочу устанавливать Java Runtime на macOS, мне и так нормально :) А то, что IDE JetBrains умеет многие языки - я знаю и если бы писал много JS, то у меня были бы причины её поставить.
11:06 Интересно найдется ли кто-то, кто скажет что использовать клиент для гита плохо и надо сидеть упарываться в cli? Где то в мире они наверняка есть, но вот прямо здесь и сейчас?)
Пара удобных хоткеев VS Code для навигации по проекту:
Ctrl + P - открывает список с недавно открытыми файлами, а так же позволяет перейти в любой файл проекта. Файлы начинают фильтроваться при вводе названия
Shift + Ctrl + . - показывает структуру файла. Это позволяет быстро передвигаться между тегами в html, классами в css, или же разными сущностями в js. Тут так же можно отфильтровывать, начиная вводить название
Топ
Выделяешь переменную, жмешь F2 и можешь вводить новое название переменной. Замена будет сделана по всему файлу.
про эту штуку узнал с месяц назад, при опыте работы больше трех лет...до сих пор в восторге)) работает в цссе и джсе, кстати
Правда на макбуковских клавиатурах это крайне неудобно, т.к. там F клавиши на трекбаре. В винде это привычно, т.к. даже в проводнике F2 меняет название файла/директории
Спасибо большое!
Причём даже выделять не нужно - просто поставил курсор на переменную и всё
А можете подсказать ещё и другие удобные фишки вс код, если не трудно???😮
Мне тоже светлая тема больше нравится) Начал переключаться на неё в солнечные дни, чтобы легче было читать код, и когда-то забыл вернуться, так и остался)) Спасибо Вадим, узнал некоторые новые настройки и расширения. Делюсь моим списком популярных расширений для VSCode:
1. Code Spell Checker (проверка орфографии)
2. Bookmarks (можно ставить маркер к строчке кода в проекте и быстро перемещаться по ним)
3. Bracket Select (улучшает функциональность выделения текста, например можно выделить хоткеем сразу всю строку или содержимое в скобках, а при повторном нажатии выделение будет распространяться на родителя)
4. change-case (преобразует строку из одного формата в другой CONSTANT_NAME -> constant-name, lowerCamelCase -> LOWER_CAMEL_CASE и тд)
5. Clipboard History (сохраняет все значения из буфера обмена (внутри редактора) в список, это значение можно получить позже - удобно когда нужно скопировать сразу 2 отдельных значения в одном месте и вставить их в другое место)
6. htmltagwrap (оборачивает выделенный html в новый html тег, которому можно задать имя)
7. indent-rainbow (визуально облегчает восприятие отступов)
8. Wrap Console Log (позволяет из выделенной переменной, создать запись вида console.log(выделенное значение) на следующей строке)
Мне кажется удобнее Clipboard History удобнее поставить на всю систему. (ну или не ставить, если он есть из коробки как в Windows на Win+V)
А вот за change-case спасибо
Мне нравится, что вскод теперь умеет синкать тему, в зависимости от дня и ночи
@@baileysli6235 я и не задумывался про глобальный Clipboard History, спасибо за идею!
Прямо бальзам на душу «светлая тема», «комититься атомарно», «использовать удобный инструмент в контексте»! :)
В чём прикол светлой? Есть бенефит от этого?
@@andrewkosenko2757 Так Вадим, кажется, в видео объяснил. Большая часть сайтов светлая, вернее, далеко не все сайты поддерживают темную тему, а постоянное перескакивание с темного на светлое для глаз не очень
Видео понравилось, много полезного. Обязательно пересморю ещё раз, когда начну испльзовать VS Code.
Подметил несколько хороших настроек, спасибо!
Вадим, такое ощущение, что если бы вы своей подачей несли несвязную хрень, (мне) всё равно было бы интересно это слушать ☺
...а тут ещё и полезности. Короче, я, как обычно, в восторге!
Спасибо за видео! Давно ждал про vs code. Про настройку stylelint хотелось бы увидеть отдельное видео
Будет про Stylelint :)
Пользовался VS Code пока не столкнулся с SPA. Решил попробовать Webstorm и удивился тому, насколько лучше он парсит проект. Я имею в виду то, как он видит переменные в других файлах, то как анализирует зависимости. И, в связи с этим, он лучше показывает, например, опечатки при использовании переменных из других файлов. Лучше работает автокомплит. Кто то жалуется на скорость работы вебшторма, но если нормальный компьютер то должно быть ок.
Кстати в вёрстке тоже есть некоторые мелочи, которые вебшторм делает лучше. Например, я люблю сначала расставлять классы в разметке, а потом уже прописывать их в scss файле. И если верстать в такой последовательности, то в VS Code нет автокомплита для классов, которые уже прописаны в html файле, в webstorm - есть. Максимум что я смог выжать из VS Code при помощи расширения, это автокомлит в html разметке классов, прописанных заранее в scss.
Пока только верстал, думал что не уйду с VS Code, но к сожалению нам пришлось расстаться =)
У меня другой опыт и задачи, видимо. Нет больших SPA, не нужно рефакторить, да и классы расставлять тоже сам привык. Понимаю, что можно было бы удобнее, лучше, но когда вижу глыбу WebStorm, то кажется, что оно того не стоит. Как минимум, не хочу ставить Java.
@@liringea Я ушел с WebStorm где то года 3 назад, до этого использовал его несколько лет. Не знаю как сейчас, но раньше у него были довольно большие проблемы со styled-components - либой для реакта которую я использую для стилей и так же были проблемы с монорепозиторием, где лежат пакеты написанные на typescript - шторм просто не распознавал tsconfig вне рут директории и сыпал миллиард ошибок. На Vscode все клево работает все это время при самых сложных конфигурациях. В некоторых местах он конечно проигрывает шторму, но в целом - отличный и удобный редактор с мощным автокомплитом для тайпскрипта
@@liringea да, но жрет оперативы конечно, хром нервно курит в сторонке(у меня ~5гб при минимальном обвесе плагинами).
За "Sort lines" большое спасибо!
Вот vscode синхронизация - этого я давно ждал, вообще отличная штуковина теперь.
Она синхронизирует расширения? То есть, если я сам файлы изменю чужих расширений.
@@CzarOfScripts да, синхронизирует, я пробовал с другой системы войти в акк и все подтянулось через гитхаб аккаунт.
Еще один полезный шорткат - Shift + Command + L на выделенном тексте/слове
Раставляет курсоры по по совпадению выделенного текста или последнего слова перед курсором.
Замечательное повествование. Отличная дикция! Очень убедительно. Спасибо Вам за такие уроки!
За github theme - спасибо. Единственная темная тема которая мне понравилась после стандартной темной темы от vs code
Как насчет monokai?
Попробовал светлую тему и...сам в шоке, мне понравилось!) Хотя всегда только на темной был
5:30, про буфер. Последнее время часто пользуюсь виндовым виртуальным буфером Win+V, очень удобно, сохраняет все предыдущие копирования, плюс можно закрепить нужные )
Это слишком сложная система, мне больше нравится когда есть глобальный и специфичный внутри редактора.
Блокнот всегда тут ❤
Можно открывая видео сразу читать комментарии по эффективности не хуже
Плагин htmltagwrap - позволяет врапить элементы в вёрстке alt + W. Для примера: получили копирайт и нужно быстренько по , , , etc. это всё обернуть, очень удобно :)
Так в редактор встроен emmet wrap with abbreviation. Можно добавить своё сочетание клавиш.
Как-то поймал себя на ощущении тяжести, сущности в руке после нажатия Ctrl+x. Вам это наверно тоже знакомо 🙂
Чувствуешь себя сапёром. Одно неверное движение и...
Стал замечать, что левая рука немеет немного, когда что нибудь копируешь, вырезаешь) нервное что то наверно
@@stanislavndreev2831 советую не игнорировать эти первые признаки, а попробовать улушить эргономику своей работы.
вот тут есть несколько неплохих советов:
ruclips.net/video/YjFQAtC8hnk/видео.html
lionet.livejournal.com/71005.html
от себя посоветую проверить
* высоту стола
* какими пальцами, что нажимаете. нет ли такого, что нужно одним пальцам зажать клавишу, а другим тянуться
* делайте перерывы, чтобы руки могли восстанавливаться
У меня везде тёмная тема где только можно, норм.
Держитесь, скоро зима
@@pepelsbey, да.. Зима это всегда боль) Но белые темы по глазам сильно бьют.
Из расширений могу ещё посоветовать следующие:
1. Auto Rename Tag - Очень удобно, когда нужно семантику в разметке со дна поднимать.
2. Quokka - Удобно тем, что можно по быстрому накидать какую-то функцию, отладить, и оптимизировать. Всяко быстрее чем через ноду скрипт с файликом запускать.
3. Dummy Text Generator - Lorem Ipsum на стероидах.
Ну а белая тема, это издевательство в чистом виде. В жизнь не поверю, что приятно высматривать пару тёмных точек в прожекторе, что вам в лицо светит. Особенно, когда нужно по 6-8 часов в такой "прожектор" всматриваться.
Для автоматического переименования парных тегов, есть встроенная настройка
"editor.linkedEditing": true,
Когда работаешь днем в солнечной комнате, то светлая тема глазу будет приятнее, нежели темная. Плюс на экранах, типа мака (оледах), где высокая контрастность -- особенно бьет по глазам переход от темного редактора в светлый сайт. Ну и тут все ситуативно, привыкать надо и туда, и туда в зависимости от того с какой начинал изначально.
Я 3 года просидел на Alabaster. Ушел с нее потому что JS не очень подходит для ее минималистичного стиля
Ох, Вадим, мы с вами, работающие в светлой теме, похоже, вымирающий вид :-)
А я вижу, что наоборот - есть тренд, многие начали пробовать. Особенно, когда редакторы научились вместе с ОС переключаться в подходящую тему в зависимости от времени дня.
Я всегда почти был со светлой темой. От темной у меня глаза болят. Но мне больше нравится Atom One Light. У нее фон чуть серый и не такой яркий, и в принципе цвета спокойнее, с зеленым, там. Она может не такая красивая, но мои глаза сказали свое слово =)
@@pepelsbey особенно, когда Вадима Макеева посмотришь, и глаза загорятся
Спасибо за выпуск! Как всегда интересно смотреть
не первый год сижу на vscode, и многое и так знал, но все равно были полезные моменты, спасибо!
7:07 найти-заменить
такие вещи делаю мультикурсором. сочетание клавиш для "add selection to next find mach" (+ - //- previous).
привык уже многие вещи делать через мультикурсор. часто выходит ещё удобнее, чем через диалог "найти-заменить"
ещё всем советую разобраться с task'ами в vscode. мне очень помогают
Разверните про мультикурсор и таски, пожалуйста - не очень понял, а звучит интересно.
@@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
Прикольно, есть пару штук которые можно себе слямзить 😀
Вадим, спасибо за то, что вы делаете!)
помимо светлого интерфейса, использую тему verdandi - это без разноцветной подсветки синтаксиса - самая мякотка
с таким подходом VS code скоро сможет взлететь в космос. очень круто
К счастью, нет. Можно выключить лишнее и радоваться лёгкому редактору.
я только начал смотреть, а меня уже бомбит от полезностей) Ограмная благодарность!
Делайте паузы, дышите )
Сразу лайк за светлую тему
В целом ничего нового не узнал. Но благодаря вам все-таки собрался и настроил синхронизацию настроек. А то когда пересаживаюсь с машинки на машинку, трачу время на привыкание. Хоть и старался настраивать одинаково.
На счет светлой темы солидарен. Как-то она приятна глазу. И GitHub Light одна из самых комфортных светлых тем.
Ну хоть какая-то польза от видео, здорово )
@@pepelsbey, ненене видео классное и полезное! Я, благодаря вам, много чего узнаю:) Спасибо за ваш труд.
Довольно полезное видео, спасибо.
Может кто знает как быстро перевести каретку за "Какой-то текст"? Я пишу в Rust, и хотелось бы быстро писать "Hello world".to_string()
Вадим, наконец-то, СПАСИБО.
Спасибо за видео. Можно отдельное видео про настройку консоли)
Хорошая идея, спасибо :)
Извиняюсь, если поздно запрыгнул в поезд, но в Project Manager давным-давно нет никакого смысла, потому как в VS Code есть встроенные Workspaces. Recent, конечно, штука удобная, но Workspaces позволяют хранить настройки редактора, расширений и еще тьмы всякого. Очень удобно.
Воркспейсы усложняют очень простую задачу: открыть нужную папку. Приходится сохранять файлы, следить что они разложены, игнорить, мусорить. Не понимаю я их.
Спасибо за видео, было интересно) Понравился минималистичный подход к выбираемым плагинам и настройкам. Только то, что нужно и ничего лишнего. С темной темой для консоли и светлой для редактора, кстати, у меня та же история...Как-то это интуитивно что-ли...
Тоже юзаю светлую тему (Ayu), но только днём. В VS Code относительно недавно появился выбор дефолтной темной и светлой темы, а так же подстраивание под систему.
Очень удобно: поставил на винду утилиту, которая переключает тему системы в зависимости от местоположения и вечером-ночью система, сайты, програмы становятся темными (естественно которые поддерживают такую смену).
На маке по идее тоже работать. А вот на линусе проблема, по крайней мере на ГНОМЕ, там есть расширение по автосмене, но Хром и всё что на Электроне prefers-color-scheme от этого не меняет, хотя Файерфокс подстраивается.
Думаю как-нибудь попробовать переключать системную тему и тему редактора автоматически, просто ради эксперимента. Вдруг втянусь :)
Наконец-то упорядочил настройки редактора и удалил десяток плагинов) Спасибо, Вадим!
Было бы классно посмотреть на ваш процесс работы с Гитом, ну и про stylelint)
Около 10 лет пользуюсь PhpStorm. Периодически пытаюсь пересесть на VSCode, но до сих пор не нашёл все нужные плагины, чтобы иметь ту же функциональность, которая в Шторме доступна из коробки.
Тему тоже предпочитаю светлую. Когда работаешь на улице при ярком свете, лучше всё видно. Но для VSC нет темы с такой же подсветкой, как у Шторма, к сожалению. Перепробовал пару десятков - везде есть свои минусы.
Если всю жизнь ездить на большом внедорожнике с лебёдкой и шноркелем, то потом будет неуютно на рулём какой-нибудь Mini Cooper. Но ездят же люди и радуются жизни. И ровно наоборот. Привычка и задачи очень многое определяют - мне просто незачем WebStorm.
А пробовал расширения GitLens и Git Graph?) И да, нашёл для себя полезное - сразу сделал sync, autofetch и установил расширение File Utils) Для светлой темы использую Kai Light Accent
Нет, но обязательно попробую, спасибо!
Я ноуд бекендер, поэтому мои расширения немного оличаются, но все же:
Самые крутые это:
tabnine autocomplete ai - Супер фича, отлично дает подсказки, позволяет писать многие вещи быстрее.
Inline Parameters for VSCode - дает аннотации параметров прямо при написании вызова функции.
Для цветных отсупов и скобок - intent-rainbow и Rainbow Brackets
Очень нравится Git Graph и Git Length для гита
docker explorer - для легкого и непренужденного мониторинга, запуска и менеджа докер образов
Отличная фича для git `Stage selected range`
После просмотра
- добавли `Word separator`
- убрал `mini map`
- убрал полностью иконки c файлов и папок в боковой панели
Темный интерфейс это не программистский прикол. Это забота для глаз. Когда целый день на тебя жарит 27’’ лампа, а у кого то и больше, глаза спасибо не скажут.
Почему тогда у бухгалтеров таблицы и документы белые? Они не меньше нашего смотрят на экран.
@@pepelsbey Во первых меньше. Еще на бумажки смотрят. Во вторых у них мониторчики поменьше. В третьих эти таблицы печатают на белой бумаге, лучше чтобы и на монике были белые. Темный цвет это не про стиль или моду. Глазам реально легче. Я не адепт темного. У меня белая мебель)
Вы слишком генерализируете, не стоит навязывать всем свои привычки. Здорово, что вы нашли для себя удобный режим и вашим глазам проще. А я вот прямо сейчас пишу чёрные буквы на белом фоне и ОС со светлой темой. Мне так привычно и удобно. 90% сайтов, которыми я пользуюсь, точно такие же. А потом я иду в редактор и там - то же самое. Мне очень нравится такая последовательность.
темная тема потому что часто приходится работать вечером, когда уже темно и горит только настольная лампа. тогда монитор глаза не "режет". да и работая под кедами, где давно уже есть темный интерфейс, привыкаешь к нему, даже либра темный. но при ярком свете или когда подключаешь проектор то да, приходится переключаться в светлую тему, иначе плохо видно
*flashbang*
но комбинации очень полезные, спасибо
темные темы ставят для того чтобы глазки не убить когда по 16 часов код пишешь ;-) ЗЫ пользуюсь пока Sublime
Глазки убиваются не от темы, а от 16 часов
Для меня самый шок - VScode под капотом является браузеров, а весь интерфейс так классно работает и круто свёрстан - шок.
В отличие от многих других, он даже умудряется делать это быстро. Atom гораздо медленнее (
😱 Никогда бы не подумал
Спасибо большое! Светлая тема сейчас просто не модная. Много проектов "перекрасилась" в темное, что не всем пошло на пользу. Имхо, это как сравнивать одежду: одному подавай свитер с оленями и джинсы, другой любит классические брюки... Личное дело каждого.
Если не секрет, почему не используется например плагин "обучающий" VSCode всем тегам из спецификации HTML 5?
А почему ушли с Атома?
Не знаю, что за плагин, обучающий HTML, дайте ссылку :) Но я наверное сам хорошо знаю все теги, хех. Ушёл с Atom потому же, почему когда-нибудь уйду с VS Code - интересно узнать, что умеют другие редакторы, скучно стоять на месте.
Для поиска по файлу можно не копировать выделенное, сразу нажимать Cmd + F (вместо Cmd + E)
Тему и настроки сохранил)
Так ну пора снова на sublime переезжать)
Есть план попробовать :)
Первое видео про VS Code, просмотреннное без ускорения ) А вы пробовали настраивать размер шрифта в explorer (sideBar)?
Меня там всё устраивает, даже не задумывался о настройке
Благодарю за видео, узнал много фишек, с которыми справлялся костыльно, имея под рукой готовый инструмент. Как же сильно настройки зависят от воркфлоу прогера) Светлая тема +
Конечно светлая тема удобнее, но глазкам при нескольких часах работы, все же полезнее темная. Каждый день на лампочку смотреть так себе затея. Плюс при вечерней работе, мозг думает, что все еще день и потом сон хуже. Если вообще удается уснуть сразу.
Так что привычку можно и нужно побороть. Как и сидеть в стуле можно прямо, а можно откинувшись на спинку, ну так ведь удобнее и привет грыжи в шее
Берегите свои глазки, а другим дайте выбирать свой путь, ладно?
@@pepelsbey а как я могу повлиять на выбор пути) я лишь дал знания. Каждый пусть выбирает сам.
добавлю, что темная тема экономит зарядку ноута.
Экраны с LED-подсветкой (99% ноутбуков) не потребляют меньше энергии с тёмной темой ОС. Это справедливо только для OLED, где пиксели могут выключаться.
Про порционный стейджинг не знал. Сортировка строк - ванлав ещё с Sublime Text. Тож не знаю как жить без неё. А также без "Add next occurrence" - добавление в выделение следующего совпадения, чтоб затем заменить группой. Позволяет работать более филигранно чем F2.
При установленном npm intellisense
запуск npm скриптов возможен с соответствующей вкладки слева. В теории быстрее чем с консоли, но редко вспоминаю о том что они там есть. По хорошему нужно научиться дебажить с редактора - но на реальных проектах как-то это неудобно пока что.
По расширениям - git lens, а в частности его конкретная фича - blame строк, позволяющий моментально найти "а кто это сделал". Также не знаю как писать js без консоль-логгера (Turbo Console Log, но вообще сотни их) - когда вижу как коллеги руками набирают всю конструкцию вместо dbl-click + hotkey хочется взять и установить им. CodeTime позволяет строить красивые графики прокрастинации за неделю, но как и упомянутый project manager надокучает своей излишней активностью. Из более редких находок - Tailwind Twin IntelliSense
. При использовании tailwind+twin.macro поначалу ускоряет работу просто таки на порядок показывая не только автокомплит, но и в какие именно css-правила этот класс превратится.
Да, темная тема по умолчанию в IDE стоит просто так))) Отнюдь не потому что на темном фоне проще показать контрастные цвета, которые на белом либо будут просто черными, либо будут сливаться с фоном
Вы бы проверили, сравнили. На одной уверенности далеко не уедешь :)
Извините может за ламерский вопрос. Можно сделать что-то типа оглавления файла и перемещаться по нему? Сложно перемещаться по длинным файлам, когда не знаешь точные названия функций.
Не знаю таких плагинов, кроме встроенного minimap. Поищите в каталоге расширений по ключевым словам outline, map, navigation.
02:44 по нажатию Ctrl +r у меня почему то не весь список проектов показывается
скажите, какое есть расширение vscode для автоопределения кодировки?
или есть команда?
а то устал менять кодировку с utf-8 на кириллицу 1251 в одних файлах и наоборот в других
Мешают кучи всяких выделений при наведении и около курсора. Сейчас по-отключал все что попалось в настройках. Боялся что не будет работать попап выбора цвета при ховере на цвет - но он работает при клике на квадратик слева от цвета (сам квадратик возможно от какого-то расширения).
Вот по той же причине юзаю светлую тему, по глазам бьет при переключении. Хотя темная нравится больше
Основная проблема темных тем это действительно то что при переключении между браузером и редактором постоянно бьет в глаза из за этого сложно сосредоточиться
Кому как. Мне наоборот удобно, что визуально разделяется код и сайты.
+ Большинство проектов, над которыми я работаю, темные.
Многие сайты и приложения начали добавлять тёмные темы после того, как эпл добавила тёмную тему в ос и начала это делать.
У тёмной темы нет недостатков. Глаза напрягаются гораздо меньше. Хотя я начал это замечать только через ~лет 5 кодинга
@@Disorrder все равно Гугл ещё светлый а в процессе в Гугл ходить надо будет чаще чем на страницу проекта. Стак светлый , все сайты Светлые. Да и темные темы нравятся не всем . Ну и плюс днём читаемость кода на темной теме заметно хуже
Rainbow CSV помогает ориентироваться при работе с такими файлами
У меня аж сетчатки глаз начал выжигать белый vs code
Это называется «привычка», так бывает
я та чередую светлую и темную тему. точнее днем и когда продемонстрирую код студентам на проектере светлая тема, а ночью дома темная тема. светлая тема выглядит уютнее что-ли
не восьмикота а осьмикота :) осьминог + кот
Косьминог?
Темная тема более щадящая для глаз.
(по вашим ощущениям)
Если вы frontend разработчик, то все равно так или иначе постоянно переключаетесь между редактором кода и браузером, в котором почти в 100% случаев светлая страница. Мне кажется, что вот такое переключение с темного на светлое и обратно может даже больше навредить глазам из-за резкой смены
@@pepelsbey это вроде как объективно. Так как от темной темы глаза меньше напрягаются в темноте. При работе в хорошем освещении проблем нет ни от светлой ни от темной темы.
Было время, когда тёмных тем не было, и нормально, если не комфортно, то можно настройки монитора поправить
Не думаю, что такое может быть объективным. Физиология, освещение, привычки, настройки и многое другое слишком разное, чтобы говорить кому-то «ты неправ, не делай так».
Почему Bash? Mac вроде перешел на Zsh. Да и Spaceship prompt мне нравится ...
Посмотрите видео посвежее, там уже zsh :) ruclips.net/video/D97rnxDqq1I/видео.html
Много лет назад не слышал о темах и сидел за белым Notepad++. А потом Sublime Text приобщил к темной теме, она у него по умолчанию, вроде.
не очень понял на счет буфера обмена, при замене класса.... для замены я пользуюсь комбинацией Ctrl+h... и все. Смотрим дальше)
Вероятно, Ctrl H это альтернатива Cmd E, просто на Windows.
24:32 ну да я не исключение
Plugins:
- Bracket pair colorizer,
- Project manager,
- Error lens,
- html, json biscuits,
- spell checker en,
- copy relative path,
- color manager,
- bracket peek,
- better comments,
- es7 snippets,
- git graph,
- git lens,
- git sweep,
- image preview,
- rainbow csv,
- trailing spaces,
- version lens,
- path intellisense,
- bookmarks,
- todo tree
- import cost,
- bookmarks
Вместо Trailing Spaces можно использовать стандартную штуку в настройках "files.trimTrailingWhitespace"
Вадим, расскажите, пожалуйста, как Вы резолвите конфликты в VS Code
Простые я резолвлю в Git Tower, внешнем клиенте, сложные в Kaleidoscope.
Есть плагин iterm2 theme sync, который синкает тему вс код с iterm
Красота, спасибо.
выделяешь слово, Жмешь ctrl + f (нашлось первое слово, подходящее под поиск), затем жмешь alt + enter (выделяются все слова подходящие под поиск), изменяешь, ОК.
Для винды 10 очень помогает включить буфер обмена (там штук 20 последних копирований хранится), жмакаешь win + v и видишь что копировал ранее, очень помогает.
Мои комментарии снова в бан улетают. 🤣
Мне идея со сложным глобальным буфером кажется… сложной ) Лучше специальные на уровне каждого софта, так понятнее.
@@pepelsbey а я таки приучил себя пользоваться этой штуковиной. Очень приятно при переносе. Скопировал, например, заголовок в макете, следом подзаголовок, а затем текст. Потом сразу же вставил это в редактор и не надо несколько раз бегать и копировать.
Но каждому свое, тут не поспоришь.
спасибо за видео. установил такую же белую тему
, но синтаксис подсвечивается не так, как в описании темы или же у вас на видео, а другими цветами... как сделать, чтобы синтаксис подсвечивался нормально?
Вероятно, вам нужно чтобы были установлены те же синтаксисы для нужных вам языков. Ну и чтобы они определялись автоматически.
А я открваю файлы через терминал:
code /
или
cd /
code .
А еще можно легко и просто открыть конкретный файл:
code ~/.npmrc
"Авто-сохранение"
VS Code сохраняет несохраненное. ;) Точнее сохраняет состояние пользовательского интерфейса. Т.е. Можно асболютно спокойно закрыть редактор (и даже выключить компьютер), не сохранив файл (т.е. файл на диске изменен не будет). А потом открыть тот же проект в VS Code и наша несохраненная версия будет доступна.
Но, т.к. это работает на уровне состояния пользовательского интерфейса, такое сохранение работает для открытых файлов. Поэтмоу при попытке закрыть вкладку с файлом VS Code предложит сохраниться.
Автосохранение на уровне состояния заметил и ценю, особенно историю. Но как-то не очень надёжно и очевидно, так что всё равно стараюсь сохранять для большей надёжности. Консольной утилитой code тоже пользуюсь, очень удобно для конфигов и прочей мелочи.
@@pepelsbey да я тоже, Ctrl + S на автомате жму)
Автосохранение ui-состояния -- это, скорее, защита от случайного закрытия редактора (такое случается, когда много проектов сразу открыто)
Я тоже люблю больше светлое. А тема у меня темная.
Нужно несколько буферов обмена? Win+C / Win+V вместо Ctrl+C / Ctrl+V. Появилось в Windows 10
только всё же Ctrl + C / Win +V
Win+C - это кортана
Много раз ради интереса пытался пересесть с WebStorm на легковесные редакторы (sublime, vs code, atom). Каждый раз возвращался. Да, WebStorm тяжелый, платный, медленный. Но он дико удобный. После него все прочие редакторы кажутся нелепым поделием. VS Code, вроде, по функциональности догоняет, но все равно неудобно. А еще в Code на любой чих надо лезть в интернет и искать плагин. WebStorm все может из коробки.
Мой VS Code тоже всё умеет из коробки - похоже, что у меня задачи проще.
Расскажешь про свои настройки Mac OS или как программисту, привыкшему к винде без боли перейти на mac?
Мой опыт перехода с Windows уже заржавел (15 лет назад было), но про настройки macOS для разработки есть планы рассказать :)
сниппеты?
спелл чекер?
гит ленс?
импорт кост
лет ми плей зе мюзик
лайв сервер
Импорт кост неправильно считает)
Никак не могу найти как заставить vscode валидировать package.json. он никак не подсвечивает неустановленные пакеты.
Я не видел таких расширений, но есть www.npmjs.com/package/depcheck
@@pepelsbey Спасибо, Вадим! Это, конечно, не совсем то, но хоть что-то) После вебшторма, конечно, непривычно. Да и вроде все уже почти настроил, что не нравилось, а вот эта проблема осталась) Конечно, понятно, что можно, переключаясь на другую ветку проекта или подтягивая ветку, на которой давно не сидел, сразу писать npm i, но блин, это же чуть-чуть неудобно)
Я так и не понял как ты открыл с помощью CTRL + R целый проект, когда я так делаю - выпадает список файлов, а не папок
Если открыть папку с проектом в VS Code, то она запомнится в недавних папках и файлах по Ctrl R. И если открыть все нужные, то они там останутся и будут поблизости. Ну или пополнять его по надобности.
@@pepelsbey спасибо!
Что то давно не было Вадима на канале.
Тут я, просто студию разносил для съёмок Веб-стандартов
@@pepelsbey надеюсь хорошо поработал и все получилось у тебя задуманное
Иерархическая структура в explorer'е git'а все-же удобнее, чем git status
Именно, интерфейс для Git удобнее почти в каждой ситуации: от простого стейджинга до сложного мёржа.
могу посоветовать thunder client для vscode, заменяет postman
Мне редко приходится работать с сетью, но спасибо за совет :)
Ёмаё мой лайк 666 ой)
С работой на HTML незаменимый плагин на мой взгляд - Auto Rename Tag
Да, но он часто глючит: теряет тег, пытается атрибуты писать в закрывающий. Помучался и удалил.
нажимаем на теге F2. Уже все из коробки. Ну или на крайняк есть еще полезная CMD+SHIFT+L
в дельфи и билдере изначально светлая тема была, привык.
Смотрю ночю, чуть не помер
Страшно подумать, что было утром
@@pepelsbey а утра не было, сразу был день, я проспать решил :3
webstorm не пробовал?
Слишком тяжёлый, навязывающий свои правила и не хочется ставить Java в систему только ради него.
@@pepelsbey у него свой встроенный рантайм.
Мне лично очень нравится изобилие фич. Работа с бд, докером, еслинтом, вебпаком и т д
Куда дальше? Предлагаю IDEA.
Мне не нужна ни Java на моей ОС, ни IDE для моих задач. Так что вряд ли, зачем усложнять.
@@pepelsbey я тоже так думал, ведь нам Java называли как главную тему, читалось как единственную. Зря. Оказалось, она прекрасно умеет в другие языки, в том числе Web. Как богато поддерживается Perl, JavaScript, HTML, SQL, навигатор БД, я в восторге. А VSCode тоже классный и могучий. На мой вкус при сравнении оба инструмента выглядели как очень достойные соперники.
Мне не нужна Java в том смысле, что я не хочу устанавливать Java Runtime на macOS, мне и так нормально :) А то, что IDE JetBrains умеет многие языки - я знаю и если бы писал много JS, то у меня были бы причины её поставить.
Мой vs code: emacs в режиме зла ;)
что на счёт webstorm?
Слишком тяжёлый, навязывающий свои правила и не хочется ставить Java в систему только ради него.
А почему пользуетесь маком, а не виндой ?
Как-то так вышло 15 лет назад. Попробовал и понравилось. Сейчас продолжаю и по привычке, и потому, что надёжная удобная техника.
11:06 Интересно найдется ли кто-то, кто скажет что использовать клиент для гита плохо и надо сидеть упарываться в cli? Где то в мире они наверняка есть, но вот прямо здесь и сейчас?)
Я здесь ). Только через терминал в самом vscode
Я думал это фишка Mac OS с плавным курсором, а это оказывается можно настроить с помощью: "editor.cursorSmoothCaretAnimation": true ))