В добавок к перечисленным еще использую: Image preview - прямо в редакторе слева в маленькой колонке показывает подключенную картинку CSS Peek - в html показывает какие применены правила к классу VScode Google translate - Бывает что нужно что то перевести на различные языки Beautify css/sass/scss/less - в описании не нуждается) Guides - показывает вложенность IntelliSense for CSS class names in HTML - CSS class name completion for the HTML class attribute based on the definitions found in your workspace.
Автору спасибо за видео! Народ, не подскажите, а как сделать так, чтобы можно было добавить вертикальное поле для точек останова рядом с номерками строчек?
скажите, какое есть расширение vscode для автоопределения кодировки? или есть команда? а то устал менять кодировку с utf-8 на кириллицу 1251 в одних файлах и наоборот в других
Доброго, спс за видео, но вот пару вопросов : 1> Как работает этот плагин(HTML CSS Support ) немного не понятно он ищет классы из уже написанных или сам предлагает и этот как работает (IntelliSense for CSS class names in HTML) что-то вообще не пойму, на видосе показанно, что он типа предлагает добавить тот или иной класс, но я создал 2 div с разными классами, он мне ничего не подсказал в отличие от этого плагина в нем я разобрался(All Autocomplete)!
@@Glo_Academy не совсем аналог, а скорее дополнение. Ты в html выделяешь кусок кода, правой кнопкой из контекстного меню запускаешь работу плагина. Потом в css вставляешь все классы этого куска, ручками их писать не нужно при этом.
@@xaaser2006 а есть ли плагин для подсветки ошибки транслитерации? Когда в слове "class" закрадывается русская буковка "а", а ты и не подозреваешь такого, а потом куча времени уходит(((
НУ капец Live Sass Compiler звучит круто а на выходе... вот у тебя проект, стили по разным папкам, там хедер с футером, там мейн, миксины отдельно, что уже говорить про медиазапросы. Нету гибкости в плане "быстро и удобно переопределять куда какой scss файл компилировать в css. Очень не удобно! Если у тебя проект не из Index/style.....
@@maxleskin7444 Толку от него ноль, если он не дает подсказок. Приходится вручную писать. Если бы VC Code , был бы на уровне Webstorm, то ему бы цены не было. Для Pug со связкой SCSS он мало годится.
В добавок к перечисленным еще использую: Image preview - прямо в редакторе слева в маленькой колонке показывает подключенную картинку CSS Peek - в html показывает какие применены правила к классу VScode Google translate - Бывает что нужно что то перевести на различные языки Beautify css/sass/scss/less - в описании не нуждается) Guides - показывает вложенность IntelliSense for CSS class names in HTML - CSS class name completion for the HTML class attribute based on the definitions found in your workspace.
В добавок к перечисленным еще использую:
Image preview - прямо в редакторе слева в маленькой колонке показывает подключенную картинку
CSS Peek - в html показывает какие применены правила к классу
VScode Google translate - Бывает что нужно что то перевести на различные языки
Beautify css/sass/scss/less
- в описании не нуждается)
Guides
- показывает вложенность
IntelliSense for CSS class names in HTML - CSS class name completion for the HTML class attribute based on the definitions found in your workspace.
i know I am quite randomly asking but does anyone know of a good place to stream newly released tv shows online ?
@Preston Kaiser Flixportal xD
@Bjorn Douglas thank you, signed up and it seems to work =) Appreciate it !!
@Preston Kaiser No problem xD
Лысый, красава! очень много чему научился у тебя) Спасибо!
Круто!! Сейчас очень не хватает актуального контента. И здорово, что ты позаботился для нас об этом:) удачи 🍀 во всём!
Спасибо большое, Артём!🙏🙏🙏
Сначала ставим лайк, потом смотрим видео
Еще подписку бы и было бы совсем кайф
Автору спасибо за видео! Народ, не подскажите, а как сделать так, чтобы можно было добавить вертикальное поле для точек останова рядом с номерками строчек?
Приветствую, Артем! Скажите пожалуйста, погоняло "лысый" Вы сами себе назначили или это с детства пацаны хулиганы установили?))))
Спасибо. подчеркнул для себя пару плагинов.
скажите, какое есть расширение vscode для автоопределения кодировки?
или есть команда?
а то устал менять кодировку с utf-8 на кириллицу 1251 в одних файлах и наоборот в других
Спасибо большое за советы!
Спасибо Артем.
Доброго, спс за видео, но вот пару вопросов : 1> Как работает этот плагин(HTML CSS Support
) немного не понятно он ищет классы из уже написанных или сам предлагает и этот как работает (IntelliSense for CSS class names in HTML) что-то вообще не пойму, на видосе показанно, что он типа предлагает добавить тот или иной класс, но я создал 2 div с разными классами, он мне ничего не подсказал в отличие от этого плагина в нем я разобрался(All Autocomplete)!
Степан Береговой поднялся, сейчас 21,6 тысяч подписчиков.
Polacode очень понравился!
Подскажите, в каком то видео было, показывали как делать комментарий в html при закрытии блока(для разделения кода) как это делается?
Bracket Pair Colorizer 2
удобно подсвечивает скобки
eCSStractor for VSCode сразу по html создаешь все классы и не пишешь их ручками в css
Первый плагин огонь. А вот второй, насколько я понял - это аналог All Autocomplete
@@Glo_Academy не совсем аналог, а скорее дополнение. Ты в html выделяешь кусок кода, правой кнопкой из контекстного меню запускаешь работу плагина. Потом в css вставляешь все классы этого куска, ручками их писать не нужно при этом.
Виталий Бородулин о, это круто!
@Дмитрий Мехедов если ты про SASS/SCSS, то можно настроить
@@xaaser2006 а есть ли плагин для подсветки ошибки транслитерации? Когда в слове "class" закрадывается русская буковка "а", а ты и не подозреваешь такого, а потом куча времени уходит(((
Артем подскажи, для Less есть плагины, почему этот препроцессор не упоминается?
Конечно есть. Нужно забить в разделе плагинов в поиске слово less
При плагине Live Server как Ви переходите между окнами браузера і vscode?
Где есть урок по live sass compilier?
Как сделать шрифт в этом редакторе таким же, как в брекетс?))
как называется плагин с Цветными отступами для vs code? спасибо заранее
Если вопрос ещё актуален)) то он называется Brackets pair polarizer.
Спасибо)
НУ капец Live Sass Compiler звучит круто а на выходе... вот у тебя проект, стили по разным папкам, там хедер с футером, там мейн, миксины отдельно, что уже говорить про медиазапросы. Нету гибкости в плане "быстро и удобно переопределять куда какой scss файл компилировать в css. Очень не удобно! Если у тебя проект не из Index/style.....
Project manager
Рекомендую
А emmet не юзаешь?
New Design Generation он по умолчанию стоит в VS code
@@Glo_Academy странно, мне пришлось отдельно ставить
чёт LiveServer не работает( не обновляет страницы
Норм работает
а как перенести настройки vscode на другой пк?
Я переносил через этот плагин marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
Скопировать конфиг настроек
Для этого есть ещё один плагин Settings Sync, который даже позволяет синхронизацию через облако
@@СергейКрылов-к4э Да, через github. Но разве это проблема? Наоборот удобно.
@@DreamingDolphing нет проблем) меня тоже все устраивает)
Для Pug и SCSS есть плагины?
Sass плагин работает с scss
@@maxleskin7444 Толку от него ноль, если он не дает подсказок. Приходится вручную писать.
Если бы VC Code , был бы на уровне Webstorm, то ему бы цены не было.
Для Pug со связкой SCSS он мало годится.
@@stasalsakhanov435 я не про pug говорил только про scss, не пишу на pug, поэтому не знаю под него плагины
Polacode просто пушка. Раньше использовал сервис carbon.now.sh/
Лысый из верстальщиков
Я первый)
eCSStractor for VS
666 лайка
Чертовски полезный урок
*_OGONb_*
После просмотра данного видео хотелось смеяться. "ТОП ПЛАГИНЫ ДЛЯ ПРОФЕССИОНАЛОВ" Америку открыл блин
Продемонстрируй нам свои знания
@@denisd1938 что тебе именно надо
Расскажи нам про свой топ, если этот топ тебе не зашёл. А мы тебе спасибо скажем или не скажем.
В добавок к перечисленным еще использую:
Image preview - прямо в редакторе слева в маленькой колонке показывает подключенную картинку
CSS Peek - в html показывает какие применены правила к классу
VScode Google translate - Бывает что нужно что то перевести на различные языки
Beautify css/sass/scss/less
- в описании не нуждается)
Guides
- показывает вложенность
IntelliSense for CSS class names in HTML - CSS class name completion for the HTML class attribute based on the definitions found in your workspace.