VS Code – установка и настройка. ТОП 5 плагинов. Редактор кода Visual Studio Code

↓↓↓ Тайм-коды в описании под видео ↓↓

Установка и настройка редактора кода Visual Studio Code для верстальщика и веб-разработчика. Тайм-коды в описании.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 05 Августа 2024 года.

Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 12 Августа 2024 года.

💻 Курс "Разработка сайтов на PHP + MySQL":
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.

🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе

💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Плагины рассмотренные в видео:
02:02 Russian Language Pack
02:40 Auto Complete Tag (Close and Rename)
03:40 Встроенный Emmet в VS code
05:20 Live Server обновление браузера во время верстки
07:03 Material Theme - самая популярная тема для редактора
07:48 Material Icon Theme - крутые иконки
08:27 Ayu новая супер тема для VS Code
09:33 Prettier плагин для авто-форматирования кода
10:33 Настройка format on save для prettier
11:47 Подсказка по горячим клавишам в VS Code
12:07 Параметры редактора глобальные и для проекта

[Sasaki_Kodziro]

Здравствуйте, очень понравился видеоролик.
Только хотел добавить, что для того, чтобы работал "Prettier - Code formatter" нужно ещё добавить сам этот плагин в:

ПАРАМЕТРЫ -> В поиске вбить: "Default Formatter" -> и выбрать: "Prettier - Code formatter"

[Angry_Welder]

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

[gqhjrgp]

Доступно, понятно и все работает . Очень быстро и последовательно объясняет

[Mayki-tbki]

Спасибо большое, было очень интерессно, Надеюсь ты еще больше раскроешь Vs Code

[Splatbooms]

Вы лучший. Я искала золото, а нашла алмаз. Следуя действиям указанным в видео я еще и решила проблему с эмметом. Он не работал при обычных условиях и я все еще не знаю, в чем проблема, но главное, что он есть. ОГРОМНОЕ СПАСИБО

[apleathergoods]

Спасибо, очень ценное видео. У меня уже 2 расширения было установлено, лив сервер и автоформатирование, но форматирование не работало т.к. не была установлена галочка. Еще раз спасибо) п.с. на русском выглядит круто, но думаю предпочительнее работать на англ, потом в будущем поменяю.

[ywjlbpq]

Спасибо, за русскоязычный вариант VSC !
В будущем, конечно и возможно перейду на инглишь, но сейчас, для первого знакомства с VSC, русский вариант этого редактора - самое то, что надо!
Особенно, учитывая, что в школе изучал Испанский, вместо Английского ...
И таких, не англоязычных изучателей кода в нашей стране - миллионы.
Это надо учитывать, однако ! 🧐
Лайк и подписка!

[Batia]

Спасибо. Настолько все понятно и просто, что как говорится " и баран поймет" . Еще раз - спасибо)))

[Gazovchik]

Добрый вечер

Было интересно и познавательно

У вас есть видео про настройку Эметтов?

[andreykarolik]

Спасибо, все просто и понятно. Из хотелок: пример создания стандартного пустого шаблона под реалии: для поисковиков, для адаптивного дизайна и т.д., и т.п. Понятно, что все сайты разные, но есть какие-то текущие нюансы, которые надо учесть. Вот по этому бы видео не верстки конкретного сайта, а вот такой шаблон, пусть даже под конкретный макет, но чтобы прокомментировать все включенные теги, почему и зачем. То есть что ты сам делаешь для любого сайта. А может даже у самого есть шаблоны заготовки, чтобы не писать все с нуля. Буду премного благодарен и не один я. А если подобное уже есть, то дай, пожалуйста, ссылочку. Юрий, спасибо тебе большое за твой труд.

[sergejchap]

Какой плагин для Python может форматировать на корректность кода всего листинга и конечно выделение ошибок

[gsxnmkj]

У меня почему-то не форматируется при сохранении файлы SCSS. установлено расширение SCSS Formatter. В чем причина?

[soft_aka_anel]

Не нашёл именно тот плагин который демонстрируется на видео, есть другие версии, но не заработали( не помогли также ни Ctrl + Alt + F, ни Crrl + S, искал именно Prettier - Code formatter 1.9.0 (Esben Petersen)

[bfiqgfl]

Не знаю почему но не работает авто форматирование, галочка в format on save установлена .

[andreykarolik]

А если включить в редакторе Авто сохранение, как оно работает? Как часто или в каких случаях сохраняет автоматические? По времени или в момент закрытия? Или когда? Спасибо.

[Darkprince]

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

[ywjlbpq]

И можно в VSC добавить приложения для работы с PAYTHON ?
И как это сделать?

[wrvyvbe]

Помогите решить проблему.
Установил VSC и дополнительное расширение Code Runner.
При запуске любого скрипта, даже самого простого по типу console.log('Hello') или 1 + 1, в OUTPUT
выскакивает следующее сообщение:

[Running] node "c:\путь до скрипта\имя скрипта.js"
"node" ?? и ещё куча знаков вопроса в квадратиках и ромбиках.
[Done] exited with code=1 in 0.102 seconds

Сам скрипт, соответственно, не выполняется. Как это исправить?

[pixelarts]

Спасибо за то что научил как это делать, но есть вопрос если я писал слово лорем оно проста длинное! какую команду надо использовать чтобы оно не было таким длинным и начался с нового обзаца! я забыл конечноже но думаю это клава Alt+B это так? или я не прав? скажи ответ, спасибо!

[SuperDima]

Добрый день
подскажите пожалуйста не работает Emmet
ставлю ! и таб и ничего не происходит
делает отступ и все!