В добавок к перечисленным еще использую: 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" закрадывается русская буковка "а", а ты и не подозреваешь такого, а потом куча времени уходит(((
@@maxleskin7444 Толку от него ноль, если он не дает подсказок. Приходится вручную писать. Если бы VC Code , был бы на уровне Webstorm, то ему бы цены не было. Для Pug со связкой SCSS он мало годится.
НУ капец Live Sass Compiler звучит круто а на выходе... вот у тебя проект, стили по разным папкам, там хедер с футером, там мейн, миксины отдельно, что уже говорить про медиазапросы. Нету гибкости в плане "быстро и удобно переопределять куда какой scss файл компилировать в css. Очень не удобно! Если у тебя проект не из Index/style.....
В добавок к перечисленным еще использую: 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 в одних файлах и наоборот в других
Сначала ставим лайк, потом смотрим видео
Еще подписку бы и было бы совсем кайф
Спасибо. подчеркнул для себя пару плагинов.
Polacode очень понравился!
Степан Береговой поднялся, сейчас 21,6 тысяч подписчиков.
Доброго, спс за видео, но вот пару вопросов : 1> Как работает этот плагин(HTML CSS Support
) немного не понятно он ищет классы из уже написанных или сам предлагает и этот как работает (IntelliSense for CSS class names in HTML) что-то вообще не пойму, на видосе показанно, что он типа предлагает добавить тот или иной класс, но я создал 2 div с разными классами, он мне ничего не подсказал в отличие от этого плагина в нем я разобрался(All Autocomplete)!
Автору спасибо за видео! Народ, не подскажите, а как сделать так, чтобы можно было добавить вертикальное поле для точек останова рядом с номерками строчек?
Подскажите, в каком то видео было, показывали как делать комментарий в html при закрытии блока(для разделения кода) как это делается?
Bracket Pair Colorizer 2
удобно подсвечивает скобки
eCSStractor for VSCode сразу по html создаешь все классы и не пишешь их ручками в css
Первый плагин огонь. А вот второй, насколько я понял - это аналог All Autocomplete
@@Glo_Academy не совсем аналог, а скорее дополнение. Ты в html выделяешь кусок кода, правой кнопкой из контекстного меню запускаешь работу плагина. Потом в css вставляешь все классы этого куска, ручками их писать не нужно при этом.
Виталий Бородулин о, это круто!
@Дмитрий Мехедов если ты про SASS/SCSS, то можно настроить
@@xaaser2006 а есть ли плагин для подсветки ошибки транслитерации? Когда в слове "class" закрадывается русская буковка "а", а ты и не подозреваешь такого, а потом куча времени уходит(((
Спасибо большое за советы!
При плагине Live Server как Ви переходите между окнами браузера і vscode?
Спасибо Артем.
как называется плагин с Цветными отступами для vs code? спасибо заранее
Если вопрос ещё актуален)) то он называется Brackets pair polarizer.
Где есть урок по live sass compilier?
Приветствую, Артем! Скажите пожалуйста, погоняло "лысый" Вы сами себе назначили или это с детства пацаны хулиганы установили?))))
Как сделать шрифт в этом редакторе таким же, как в брекетс?))
Артем подскажи, для Less есть плагины, почему этот препроцессор не упоминается?
Конечно есть. Нужно забить в разделе плагинов в поиске слово less
а как перенести настройки vscode на другой пк?
Я переносил через этот плагин marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
Скопировать конфиг настроек
Для этого есть ещё один плагин Settings Sync, который даже позволяет синхронизацию через облако
@@СергейКрылов-к4э Да, через github. Но разве это проблема? Наоборот удобно.
@@DreamingDolphing нет проблем) меня тоже все устраивает)
чёт LiveServer не работает( не обновляет страницы
Норм работает
Project manager
Рекомендую
Для Pug и SCSS есть плагины?
Sass плагин работает с scss
@@maxleskin7444 Толку от него ноль, если он не дает подсказок. Приходится вручную писать.
Если бы VC Code , был бы на уровне Webstorm, то ему бы цены не было.
Для Pug со связкой SCSS он мало годится.
@@stasalsakhanov435 я не про pug говорил только про scss, не пишу на pug, поэтому не знаю под него плагины
А emmet не юзаешь?
New Design Generation он по умолчанию стоит в VS code
@@Glo_Academy странно, мне пришлось отдельно ставить
НУ капец Live Sass Compiler звучит круто а на выходе... вот у тебя проект, стили по разным папкам, там хедер с футером, там мейн, миксины отдельно, что уже говорить про медиазапросы. Нету гибкости в плане "быстро и удобно переопределять куда какой scss файл компилировать в css. Очень не удобно! Если у тебя проект не из Index/style.....
Спасибо)
Polacode просто пушка. Раньше использовал сервис carbon.now.sh/
eCSStractor for VS
Лысый из верстальщиков
*_OGONb_*
666 лайка
Чертовски полезный урок
Я первый)
После просмотра данного видео хотелось смеяться. "ТОП ПЛАГИНЫ ДЛЯ ПРОФЕССИОНАЛОВ" Америку открыл блин
Продемонстрируй нам свои знания
@@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.