🦋 Настройка VS Code для разработчика 2023 | Visual Studio Code для [Javascript / React / PHP]

preview_player
Показать описание


В этом крутом ролике мы сделаем настройку VS Code для разработчика 2023.

Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 1000 лайков этому будет шикарное подтверждение!

Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях!

Долгожданный ежегодный ролик на канале! В этот раз в 4К и большое количество новых настроек и расширений. Я покажу лучшие темы для Visual Studio Code, а также топ расширений для javascript, react и php разработки. Основная задача моей настройки это создать минималистичный интерфейс, чтобы ничего не отвлекало от разработки. Я думаю у меня это получилось. Надеюсь Вам понравится мой вариант настройки VS Code.

00:00 - Начало
00:19 - Почему я вернулся на VS Code?
01:45 - Крутые подсказки AI
03:06 - Все для PHP
03:16 - Авто переименование тегов
03:27 - Обратные кавычки в JS
03:45 - Проверка орфографии
04:32 - Подсветка цветов
04:43 - Расширение, которым я не пользуюсь
05:06 - Размер библиотеки
05:20 - Еще одни крутые подсказки
06:15 - Пути
06:36 - Убираем warning tailwindcss
07:01 - Форматирование
07:19 - Наши темы
07:37 - SASS/SCSS
07:54 - Рандомайзер тем
08:14 - SVG
08:43 - TODO
09:35 - Темы и иконки
21:19 - Настройки
29:00 - Сниппеты
29:57 - Как скачать и установить настройки

#VsCode #VisualStudioCode #RedGroup

Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔
Рекомендации по теме
Комментарии
Автор

Ayu - тема. безумно балдею по минимализму. нравится оформление. + иконки там сочные)

good_asfuck
Автор

Круто, взял несколько расширений на вооружение!

kedya
Автор

Пока смотрел предыдущее видео с Roadmap и React, вышло новое видео!
Кстати интересно будет увидеть Roadmap по back end development

MeirbekImankulov
Автор

Подскажите, как сделать, чтобы цвет шрифта(теги, переменные) был такой же как у вас ? притемненные ?

pro-detail
Автор

Спасибо, лаконично и энергично а также полезно!

pmqhugd
Автор

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

Chichkan
Автор

Крутой обзор. Есть ещё различые плагины под git, code time. Как вариант можно их рассмотреть.

qlonrki
Автор

Как установить snippets? В какую папку надо кинуть эти файлы?

dmytrokosenko
Автор

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

IIoJIeBuk_As
Автор

GitHub Copilot не ставится.
Ошибка: Extension activation failed: "At this time, Copilot is not available in your location.
Кто знает как решить?

steepstar
Автор

По темам - сколько не перепробовал - и Dark новый, и Dracula, что-то вообще не зашли. А вот Andromeda - прям топчик для меня. Рекомендую.

faqexe
Автор

Недавно обнова вышла, можно создавать профили и настраивать под разные проекты и сохранять на гитхаб

deniskadet
Автор

Советую еще эти расширения посмотреть:
- Abracadabra, refactor this! - доп функции рефакторинга кода.
- Bracket Select - пользуюсь постоянно, выделяет код или текст между скобками/кавычками
- Error Lens - подсвечивает ошибки в строке прямо в редакторе
- htmltagwrap - обернуть хтмл тегом с помощью горячей клавиши
- Simple New File - пользуюсь постоянно, создает файл с помощью горячих клавиш, при чем если в пути написать папку которой нет - плагин создаст эту папку
- TabOut - с помощью таба выходить за кавычки/скобки


Из тем советую:
Mokka, Ayu Theme Fork (переделанная под себя версия темы Ayu)

ivan.tsybko
Автор

Всем привет! Кто-нибудь использует VS Code для работы с WSL (Windows Sybsystem for Linux)?

folomba
Автор

мне кажется, можно было уделить чуть больше времени настройке форматирования!
я не про сами опции prettier'a, а про то как настроить линтинг с помощью eslint'a и stylelint'a, а форматирование с помощью prettier'a и чтобы не было никаких конфликтов

hghfxby
Автор

Спасибо! В конце про снипеты не понятно, нужно использовать спец плагин и (или) спец настройки?

maximkutprot
Автор

Здравствуйте у меня вопрос по подписке на месяц, а конкретно по интенсивам если я беру на месяц и допустим не успеваю всё освоить то потом доступ пропадает к материалам? Хотел бы его приобрести вот такой вопрос возник, и ещё вопрос потом продлить нужно или можно купить уже на 3 месяца но с меньшей стоимостью, заранее спасибо за ответ.

riseofkingdoms
Автор

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

ananasios
Автор

По какой причине не работает "prettier.semi": true? Всегда убирает точку с запятой.

gvstjhu
Автор

Отличное видео, хорошая настройка для VS Code.

VareraRUsan
welcome to shbcf.ru