🛠 Visual Studio Code - Полная Настройка

Подписаться 6 тыс.

Просмотров 7 тыс.

50% 1

Пошаговое применение моих настроек редактора Visual Studio Code.
Telegram - t.me/igorbabko_dev
🧪 Репозиторий: github.com/igorbabko/vscode-s...
🧪 Исходные коды для каждого урока: github.com/igorbabko/vscode-s...
📄 Установка Oh My Zsh на Windows: dev.to/nirtamir2/how-to-confi...
📄 Установка Starship на Windows: dev.to/ganmahmud/take-your-wi...
💻 Oh My Zsh: ohmyz.sh/
🚀 Starship: starship.rs/
📝 Fig: fig.io/
✍️ Шрифт Dank Mono: philpl.gumroad.com/l/dank-mono
✍️ Шрифт JetBrains Mono: www.jetbrains.com/lp/mono/
✍️ Шрифты Nerd Fonts: www.nerdfonts.com/
🎨 Тема VS Code: marketplace.visualstudio.com/...
🎨 Иконки VS Code: marketplace.visualstudio.com/...
🛠 Расширение Apc Customize UI++: marketplace.visualstudio.com/...
🦄 Расширение VSCode Animations: marketplace.visualstudio.com/...
🍿 Весь плейлист: • Мои настройки VS Code
👀 Другие курсы:
Vite - сборщик нового поколения: • Vite - сборщик нового ...
Vue Composition API с нуля: • Vue Composition API с ...
Кастомная настройка Tailwind CSS: • Кастомная настройка Ta...
Tailwind CSS + JIT компилятор: • Tailwind CSS + JIT ком...
Лендинг Tesla на Tailwind CSS: • Лендинг Tesla на Tailw...
Верстка RU-vid на Tailwind CSS: • Tailwind CSS RU-vid к...
RU-vid клон на Vue 3 и Tailwind CSS: • RU-vid клон на Vue 3 ...
Настройка VS Code: • Настройка VS Code
#vscode #visualstudiocode #codeeditor
🕛 Тайм-коды:
00:00 - Интерфейс
07:49 - Область редактирования кода
17:30 - Общие настройки
22:27 - Терминал (плагины Oh My Zsh и Starship)
26:52 - Стили терминала
30:57 - Автодополнение в терминале (плагин Fig для macOS)
33:25 - Расширение Apc Customize UI++
43:35 - Переопределение стилей с помощью расширения Apc Customize UI++
49:43 - Анимации интерфейса (расширение VSCode Animations)
57:04 - Финальные улучшения интерфейса

Опубликовано:

7 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 63

@igorbabko 2 месяца назад

Telegram - t.me/igorbabko_dev

@ilsurganiev7303 7 месяцев назад

Игорь, спасибо вам за вашу работу!

@igorbabko 7 месяцев назад

Всегда пожалуйста)

@insafsuz8864 7 месяцев назад

Самая подробная настройка редактора. Узнал столько новых настроек, даже не знал что vs code можно на столько кастомизировать

@igorbabko 7 месяцев назад

Рад, что видео было для Вас полезным!

@user-bv5ik6mg5o 6 месяцев назад

Руководство, как из многофункционального редактора кода сделать блокнот.

@igorbabko 6 месяцев назад

Мне нравится минимализм в редакторах, так как я себя приучил все делать с помощью горячих клавиш и комбинаций Vim. В результате продуктивность значительно повысилась, убедился на личном опыте)) Кстати, сейчас на канале выходят ролики по моей конфигурации горячих клавиш VS Code - ru-vid.com/group/PL-FhWbGlJPfajSvoq33fEZq4PBuXA25g-

@user-bv5ik6mg5o 6 месяцев назад

@@igorbabko Ваше руководство по минимализму, скорее всего, подойдёт для разработчиков, владеющих слепым набором и знающих все функции vs code досконально. Новечкам, отключить все - значит сделать разработку и освоение vs code более сложным процессом. Но на вкус и цвет товарищей нет. Это ваш выбор и вы найдёте свою аудиторию. Продуктивность может быть высокой если использовать комбинации клавишь по-умолчанию. Не обязательно их менять. Просто надо выучить. Вы меняете их на не стандартные, знание которых вам не поможет, если вы откроете другой редактор. Очень индивидуальный подход. И все это заточено под использование vim/nvim.

@igorbabko 6 месяцев назад

Да, все это так) я просто показал свою конфигурацию. Думаю, кому-то будет интересно 🙂

@mirahmadmirzajonov767 6 месяцев назад

Супер. Огромное спасибо 🙌

@igorbabko 6 месяцев назад

Всегда пожалуйста!

@user-td3bz8st6v 7 месяцев назад

Спасибо отличную разжеванную конфигурацию настройки интерфейса

@igorbabko 7 месяцев назад

Всегда пожалуйста)

@user-de6tq3zr6q 7 месяцев назад

Спасибо огромное за видео, очень крутое!

@igorbabko 7 месяцев назад

Рад, что понравилось)

@user-od6fb7rl3k 6 месяцев назад

Спасибо!

@igorbabko 6 месяцев назад

Пожалуйста)

@mr.cheloveck6930 4 месяца назад

Редактор стал выглядеть великолепно. Не хватило только, что не рассказали о сочетаниях клавиш, которыми сами пользуетесь. И интересно узнать, какой поставили бинд на сворачивание и разворачивание кода. Спасибо за такое отличное видео!

@igorbabko 4 месяца назад

Всегда пожалуйста!) Кстати, по комбинациям клавиш есть отдельный плейлист - ru-vid.com/group/PL-FhWbGlJPfajSvoq33fEZq4PBuXA25g- , или эти же уроки, объединенные в одно длинное видео - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-k2kAqHIRwcA.html По поводу комбинаций для сворачивания / разворачивания кода, об этом как раз 4-й урок из того плейлиста - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-wUKI9C3msFc.html

@IIoJIeBuk_As 4 месяца назад

@@igorbabko у меня не работает автосохранение! не могу ставить галочку! сразу закидывает на ./settings.json | что сюда вводить или отключить, можешь посказать? Не удается выполнить запись в файл параметров пользователя. Откройте параметры пользователя, исправьте ошибки и предупреждения и повторите попытку.

@igorbabko 4 месяца назад

Можно попробовать закрыть все файлы в VS Code и вручную вставить данную настройку в settings.json. Только нужно ещё убедиться, что settings.json содержит валидный JSON синтаксис. // settings.json { // ... "files.autoSave": "afterDelay", // ... }

@user-ct4tl3yp1z 7 месяцев назад

Спасибо за ролики!) Было бы очень интересно увидеть настройку vscode для работы с php/laravel. То есть плагины нужные и может быть сама настройка этих плагинов. А то все почему то от phpshtorm хайпуют, а я не понимаю, что такого космического он дает?))

@igorbabko 7 месяцев назад

Возможно, будет такой плейлист в будущем. Посмотрим) благодарю за идею)

@user-id4wc7uy2k 4 месяца назад

Хорошое видео,подскажи,как мне сделать когда мой activity bar и sidebar скрыты,сделать так чтобы мой код был по центру,а не по левому краю,нигде не могу найти

@igorbabko 4 месяца назад

Спасибо! Попробуйте запустить команду "toggle centered layout" в командной панели VS Code. Может, это то, что Вам нужно.

@insafsuz8864 7 месяцев назад

Тоже решил скрыть боковое меню как автор и обнаружил одну проблему. Почему то не работают сочетания клавиш ctrl + shift + e (чтобы открыть проводник) и ctrl + shift + x (чтобы открыть расширения). Поиск по сочетанию доступен и гит тоже. Это происходит когда только открываешь редактор кода, а если отобразить боковое меню и заново спрятать, то все работает с чем это связанно? Автор присутствует ли у вас такая же проблема ?

@igorbabko 7 месяцев назад

Я такого поведения не наблюдал на macOS, а у Вас Windows?)

@Rahim-nq8cc 6 месяцев назад

@@igorbabko да, у меня точно такая же проблема

@igorbabko 5 месяцев назад

Даже не знаю, по какой причине это происходит) у меня на данный момент нет возможности самому проверить на Windows.

@IIoJIeBuk_As 4 месяца назад

Игорь, помоги! при открытие VS code (настройки) кидает сразу в settings.Json И как делать чтобы у меня зашло в настройки (без settings.Json) а стандартку!

@igorbabko 4 месяца назад

Если в командной панели VS Code запустить команду "Open User Settings", то должен открыться графический интерфейс с настройками. А при запуске команды "Open User Settings (JSON)" должен открыться json файл с настройками. А у Вас работает по-другому?

@IIoJIeBuk_As 4 месяца назад

@@igorbabko да так и есть, но я не могу как б зайти в стандартную настройку

@igorbabko 3 месяца назад

Интересно, я с таким не сталкивался. Может, попробуйте переустановить VS Code, или обновиться до последней версии. Или отключите все расширения, чтобы убедиться, что это происходит не из-за какого-то расширения.

@alextsoy2499 3 месяца назад

Пожалуйста помогите с настройкой. Как отключить определенные ошибки в коде? Постоянно подчеркивает # type: ignore. Как избавиться от этого?

@igorbabko 3 месяца назад

А что это за синтаксис - # type: ignore, какого языка программирования? При наведении курсора на подчеркнутый код должна отобразиться подробная информация об ошибке. Возможно, еще и название плагина будет указано во всплывающей подсказке, который отображает данную ошибку.

@igormajrov8444 7 месяцев назад

А как же плагины и настройки Prettier, ESLint, Stylelint?

@igorbabko 7 месяцев назад

Возможно, по ним будет отдельный плейлист, типа "VS Code расширения" или что-то в этом роде)

@user-nn9qy1yh3s 3 месяца назад

не могу найти аналог FIG для виндовс, не подскажите ? )

@igorbabko 2 месяца назад

Прям аналога не подскажу) возможно, понравится терминал Tabby - tabby.sh/

@user-nn9qy1yh3s 2 месяца назад

@@igorbabko спасибо, буду искать еще - мне надо чтоб в VSC работал + автозаполнение )

@igorbabko 2 месяца назад

Ясно) по поддержке Fig в Windows ведется дискуссия. Только, по всей видимости, последнее сообщение было в 2022 году.

@MrAgilator 14 дней назад

Ещё бы настройку как сделать цвет шрифта одинаковым с цветом фона, причем включая выделенный шрифт и текущую строку, чтобы вообще ничего не было видно и не раздаражало программиста, а ещё настройку чтобы VSCODE вообще не запускался и при этом никаких сообщений почему ни в какие логи бы не писалось. Не, ну а чо - минимализм, так минимлизм )))) Тогда уж точно ничего раздражать не будет... )))

@igorbabko 10 дней назад

Ахах)) это было бы слишком) я просто продемонстрировал свою настройку. Это все очень индивидуально. Кому нравится, кому не очень 🙂

@user-gf5st4sk5e 4 месяца назад

А нельзя просто все json файлы с настройками скинуть архивом с последующей заменой, что бы все ручками не забивать? )

@igorbabko 4 месяца назад

Да, конечно) ссылочки есть, как и на репозиторий с отдельными коммитами для каждого урока, так и на GitHub Gist c финальным файлом с настройками. github.com/igorbabko/vscode-setup/commits/main/ gist.github.com/igorbabko/f78eaa07fb2c773d9d9d77e95268eb25 Та же история с конфигурацией горячих клавиш VS Code) github.com/igorbabko/vscode-key-bindings/commits/main/ gist.github.com/igorbabko/ff9480733247abbb21274467ef6f23e2

@user-ib3oi6sv6z 10 дней назад

А не проще ли включить Дзен‐режим одним щелчком мыши, вместо того, чтобы править тысячу настроек и скрывать всё подряд?

@igorbabko 10 дней назад

Это можно) я пробовал Zen режим, но все-таки решил сделать свою настройку. Конечно, это все очень индивидуально. Кому нравится, кому нет)

@user-dl2yt3ko3b 7 месяцев назад

Чувак лютый фронтендер Если кто из Бека Можно даже не смотреть Потому что тут для Бэка не чего нет Чисто шрифты визуализация читабельность Красота букв и все в таком духе Даже автозаполнения без искусственного интеллекта

@igorbabko 7 месяцев назад

Да, данное видео нацелено на кастомизацию интерфейса редактора. А что касается настройки VS Code под конкретный язык программирования или фреймворк (включая расширения), возможно, по этому поводу будут отдельные плейлисты)

@user-rq8bv8wh6x 4 месяца назад

Apc customize не мог установить чтоб доделать всю красоту. Не поддерживает версию VScode

@user-rq8bv8wh6x 4 месяца назад

решил обновление VS, теперь пытаюсь установить терминал на windows)

@igorbabko 4 месяца назад

А какая у Вас версия VS Code?) Пытаетесь установить Starship? starship.rs/

@user-nn9qy1yh3s 3 месяца назад

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

@igorbabko 2 месяца назад

Благодарю) согласен, настройки очень специфические) на первый взгляд такая конфигурация скорее отпугнет)

@MrAgilator 14 дней назад

Если у ж так всё раздражает, то нажмите Ctrl+K Z и редактор перейдёт в режим отображения Zen - это как раз режим для раздражительных, чтобы сосредоточиться на коде. И не надо курочить кучу нормальных и полезных настроек инструмента! ))

@igorbabko 10 дней назад

Да, я знаю о таком режиме, пробовал его) все-таки решил сделать свой Zen)