VS Code - установка и настройка. ТОП 5 плагинов. Редактор кода Visual Studio Code
HTML-код
- Опубликовано: 20 дек 2020
- ↓↓↓ Тайм-коды в описании под видео ↓↓
Скачать VS Code: code.visualstudio.com
Установка и настройка редактора кода Visual Studio Code для верстальщика и веб-разработчика. Тайм-коды в описании.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков: webcademy.ru/htmlsite/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов: webcademy.ru/htmlstart/
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 05 Августа 2024 года.
💻 Курс "Frontend разработчик. JavaScript + React": webcademy.ru/jscourse/
Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 12 Августа 2024 года.
💻 Курс "Разработка сайтов на PHP + MySQL":
webcademy.ru/phpcourse/
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт школы ВебКадеми: webcademy.ru/
💈 Вступайте в группу Вконтакте: webcademy
💈 Подписывайтесь на Telegram: t.me/webcademynews
Плагины рассмотренные в видео:
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 Параметры редактора глобальные и для проекта
Здравствуйте, очень понравился видеоролик.
Только хотел добавить, что для того, чтобы работал "Prettier - Code formatter" нужно ещё добавить сам этот плагин в:
ПАРАМЕТРЫ -> В поиске вбить: "Default Formatter" -> и выбрать: "Prettier - Code formatter"
Спасибо большое, а то у меня не работал prettier
Cпасибо друг! Теперь всё работает! А то клавиши переназначал чтобы работало
Также, не работало, пока не выставил форматтер по умолчанию! Спасибо вам
Круто, спасибо! Я учился на sublime, но все знакомые на vs code работают. Сейчас тоже буду переходить.
Доступно ,понятно и все работает . Очень быстро и последовательно объясняет
Спасибо большое, было очень интерессно, Надеюсь ты еще больше раскроешь Vs Code
Благодарю вас за информацию😊
Просто молодец Все как надо!
Спасибо за познавательное видео!
СПАСИБО ВебКадеми💪🔥
Огромное спасибо. Очень помогло!!!
Спасибо за видео.
Вы лучший. Я искала золото, а нашла алмаз. Следуя действиям указанным в видео я еще и решила проблему с эмметом. Он не работал при обычных условиях и я все еще не знаю, в чем проблема, но главное, что он есть. ОГРОМНОЕ СПАСИБО
Спасибо, за русскоязычный вариант VSC !
В будущем, конечно и возможно перейду на инглишь, но сейчас, для первого знакомства с VSC, русский вариант этого редактора - самое то, что надо!
Особенно, учитывая, что в школе изучал Испанский, вместо Английского ...
И таких, не англоязычных изучателей кода в нашей стране - миллионы.
Это надо учитывать, однако ! 🧐
Лайк и подписка!
Спасибо. Настолько все понятно и просто, что как говорится " и баран поймет" . Еще раз - спасибо)))
Спасибо!
Спасибо, очень ценное видео. У меня уже 2 расширения было установлено, лив сервер и автоформатирование, но форматирование не работало т.к. не была установлена галочка. Еще раз спасибо) п.с. на русском выглядит круто, но думаю предпочительнее работать на англ, потом в будущем поменяю.
Спасибо очень помогли😘😍
спасибо вам большое !
_Спасибо!_
_Очень интересно!_
лайк в поддержку
полезно
Добрый вечер
Было интересно и познавательно
У вас есть видео про настройку Эметтов?
У меня почему-то не форматируется при сохранении файлы SCSS. установлено расширение SCSS Formatter. В чем причина?
Спасибо, все просто и понятно. Из хотелок: пример создания стандартного пустого шаблона под реалии: для поисковиков, для адаптивного дизайна и т.д., и т.п. Понятно, что все сайты разные, но есть какие-то текущие нюансы, которые надо учесть. Вот по этому бы видео не верстки конкретного сайта, а вот такой шаблон, пусть даже под конкретный макет, но чтобы прокомментировать все включенные теги, почему и зачем. То есть что ты сам делаешь для любого сайта. А может даже у самого есть шаблоны заготовки, чтобы не писать все с нуля. Буду премного благодарен и не один я. А если подобное уже есть, то дай, пожалуйста, ссылочку. Юрий, спасибо тебе большое за твой труд.
Не нашёл именно тот плагин который демонстрируется на видео, есть другие версии, но не заработали( не помогли также ни Ctrl + Alt + F, ни Crrl + S , искал именно Prettier - Code formatter 1.9.0 (Esben Petersen)
Какой плагин для Python может форматировать на корректность кода всего листинга и конечно выделение ошибок
Спасибо за то что научил как это делать, но есть вопрос если я писал слово лорем оно проста длинное! какую команду надо использовать чтобы оно не было таким длинным и начался с нового обзаца! я забыл конечноже но думаю это клава Alt+B это так? или я не прав? скажи ответ, спасибо!
Другого сниппета нет, разве что самому переопределить.
скажите, какое есть расширение vscode для автоопределения кодировки?
или есть команда?
а то устал менять кодировку с utf-8 на кирилицу 1251 в однихфайлов и наоборот в других
1. Ctrl + ,
2. type "Encoding"
3. set Files: Auto Guess Encoding to true
Приветствую, как добавить карту покажи пожалуйста, просто я начинающий
Добрый день. А можешь переназначить клавиши ctrl+c на копирование выделенного фрагмента, а не всей строки, как по умолчанию стоит?
Это так и работает. При выбранном фрагменте копируется данный фрагмент.
расскажи про CSS, так же 6-ти часовым видео !
Не знаю почему но не работает авто форматирование , галочка в format on save установлена .
А если включить в редакторе Авто сохранение, как оно работает? Как часто или в каких случаях сохраняет автоматические? По времени или в момент закрытия? Или когда? Спасибо.
Помогите решить проблему.
Установил VSC и дополнительное расширение Code Runner.
При запуске любого скрипта, даже самого простого по типу console.log('Hello') или 1 + 1, в OUTPUT
выскакивает следующее сообщение:
[Running] node "c:\путь до скрипта\имя скрипта.js"
"node" ?? ????? ????? и ещё куча знаков вопроса в квадратиках и ромбиках.
[Done] exited with code=1 in 0.102 seconds
Сам скрипт, соответственно, не выполняется. Как это исправить?
И можно в VSC добавить приложения для работы с PAYTHON ?
И как это сделать?
Добрый день
подскажите пожалуйста не работает Emmet
ставлю ! и таб и ничего не происходит
делает отступ и все!
Помогите пожалуйста. В VS Code не отображаются подсказки из Unity 2021.3.20. Команд из юнити там нет (Rigidbody, print и т. д.) Приходится их полностью прописывать. Как их включить?🙏
Хороший вопрос
Не могу подсказать, не работаю с Unity.
@WebCademy Юрий, при установке Prettier комбинация клавиш Ctrl+S не работает хоть ставь галочку format on save, хоть не ставь. Я битый час бился над этой проблемой. Сначала думал что Prettier конфликтует с плагином ESLint, пытался как-то их настроить. Но всё оказалось банально просто и когда я зашёл в настройку "Сочетание клавиш" и попытался настроить сочетание клавиш для Prettier Ctrl+S, мне VSCode сказал что это сочетание клавиш уже назначено для настройки "Сохранить" и я понял, вот почему не работает это сочетание в Prettier по умолчанию.
Хоть Автосохранение у нас включено, но сочетание клавишь при настройке Prettier нужно настраивать отдельно.
Вы у себя на сайте в Материалах для подготовки (когда люди приходят на платный курс) сделайте текстовую сноску под видео что сочетание клавиш для Prettier формат кода нужно настроить в сочетании клавиш. Ведь новички не поймут и будут потом SLACK бомбить )))
Приветствую. Спасибо за комментарий. В prettier есть настройка - format on save. Достаточно ее включить и по сохранению будет происходить форматирование. Переопределять Ctrl + S с "сохранить" на команду prettier - не нужно.
@@WebCademy Юрий, спасибо за ответ, но я выше написал, хоть ставь галочку хоть нет, комбинация у меня не работала пока я не переопределил клавиатурные комбинации.
Я просто к тому чтобы вы знали что может быть и такая ситуация и в этом случае нужно будет переназначать клавиши. т.е заходишь в "Сочетание клавиш", в поиске вводишь Prettier и назначаешь клавиши. У меня там вообще никаких сочетаний не отображалось.
Кстати ниже коммент от @Sasaki_Kodziro помог решить проблему. Теперь всё работает как надо. При нажатии Ctrl+S код форматируется.
zdravstvuyte, pochemu to u menya prettier ne rabotaet pochemu?
У меня тоже не работает. Shift+Alt+F помогло
тоже не работает, походу надо настраивать его, с коробки не работает
Автору лайкос!
6:25 бля автор спасибо! До этого юзал
здравствуйте, такая проблема: похоже нету плагина emmet, потому, что на восклицательный знак ничего не происходит, как на видео, не могу найти проблемуочень долго. Заранее спасибо
Переустановите VS Code. В крайнем случае поставьте плагин Mithril Emmet
что за бред,у меня работал prettier все время,решил сделать как ты тут делал и он перестал работать,я пробовал ставить галочку,переустановил и поставил и все рано не работает,может есть предположение почему?
Как сделать так что бы текст был не в одну строку на весь екран?
alt + z
Как бы я не ставил и убирал галочку в Prettier все равно не форматирует код красиво
Prettier не рубит,в настр все ставил как показывали.
shift +alt+ F
Спасибо.
@@Conquerorsalpha спасибо огромное
В последних роликах у вас менее контрастная тема, сменили или это погрешность экранов?
Сменил тему на Pale Night ruclips.net/video/CLZR2dn6a6c/видео.html
дароу! я хотел у тебя учится! ты учишь онлайн?
Учу) Ссылки есть в описании под видео.
EMMET с коробки там нифига не установлен... проверь.
проверил, установлен
Prettier неработает
НЕ РАБОТАЕТ У МЕНЯ КАКОГО ТО ЧЕРТА ЛАЙВ СЕРВЕР. ВСЕ СДЕЛАЛ КАК ВИДЕО И ПОХ
Да капец, у меня нету еммета..где он.. его нету
Он не отображается как отдельный плагин. Он уже встроен, и просто работает.
@@WebCademy так я ввожу !, нажимаю таб и нечего не происходит..вообше не понятно что такое..может он выключен?
@@sportpro1217 Emmet работает только в .html файлах и подсветка синтаксиса (нижний правый угол) должна быть HTML.
Я его вызвал с помощью div*3 понажимав TAB или CTRL+SPACE
ну и где установка?
Какая установка? Как установить VS Code?
@@WebCademy естественно ) ведь ролик так и называется ))