ТОП-10 плагинов VS Code для верстальщика

[@Avengel32]

В добавок к перечисленным еще использую: 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.

[@prestonkaiser7519]

i know I am quite randomly asking but does anyone know of a good place to stream newly released tv shows online ?

[@bjorndouglas6905]

@Preston Kaiser Flixportal xD

[@prestonkaiser7519]

@Bjorn Douglas thank you, signed up and it seems to work =) Appreciate it !!

[@bjorndouglas6905]

@Preston Kaiser No problem xD

[@РусланЦугаев-п3р]

Лысый, красава! очень много чему научился у тебя) Спасибо!

[@igr3943]

Круто!! Сейчас очень не хватает актуального контента. И здорово, что ты позаботился для нас об этом:) удачи 🍀 во всём!

[@dgonlock1893]

Степан Береговой поднялся, сейчас 21,6 тысяч подписчиков.

[@kerusdc8322]

скажите, какое есть расширение vscode для автоопределения кодировки? или есть команда? а то устал менять кодировку с utf-8 на кириллицу 1251 в одних файлах и наоборот в других

[@allaneori]

Спасибо большое, Артём!🙏🙏🙏

[@folomba]

Автору спасибо за видео! Народ, не подскажите, а как сделать так, чтобы можно было добавить вертикальное поле для точек останова рядом с номерками строчек?

[@ganjackal]

Доброго, спс за видео, но вот пару вопросов : 1> Как работает этот плагин(HTML CSS Support ) немного не понятно он ищет классы из уже написанных или сам предлагает и этот как работает (IntelliSense for CSS class names in HTML) что-то вообще не пойму, на видосе показанно, что он типа предлагает добавить тот или иной класс, но я создал 2 div с разными классами, он мне ничего не подсказал в отличие от этого плагина в нем я разобрался(All Autocomplete)!

[@xaaser2006]

Bracket Pair Colorizer 2 удобно подсвечивает скобки eCSStractor for VSCode сразу по html создаешь все классы и не пишешь их ручками в css

[@Glo_Academy]

Первый плагин огонь. А вот второй, насколько я понял - это аналог All Autocomplete

[@xaaser2006]

@@Glo_Academy не совсем аналог, а скорее дополнение. Ты в html выделяешь кусок кода, правой кнопкой из контекстного меню запускаешь работу плагина. Потом в css вставляешь все классы этого куска, ручками их писать не нужно при этом.

[@Glo_Academy]

Виталий Бородулин о, это круто!

[@ИльназГарайшин-ч6о]

@Дмитрий Мехедов если ты про SASS/SCSS, то можно настроить

[@ДмитрийНормов-ю6ц]

@@xaaser2006 а есть ли плагин для подсветки ошибки транслитерации? Когда в слове "class" закрадывается русская буковка "а", а ты и не подозреваешь такого, а потом куча времени уходит(((

[@alekseybrazhnikow7622]

Подскажите, в каком то видео было, показывали как делать комментарий в html при закрытии блока(для разделения кода) как это делается?

[@nikolay_it_master]

Спасибо. подчеркнул для себя пару плагинов.

[@gevorgmovsisyan5153]

Сначала ставим лайк, потом смотрим видео

[@Glo_Academy]

Еще подписку бы и было бы совсем кайф

[@ivanbenko3448]

При плагине Live Server как Ви переходите между окнами браузера і vscode?

[@ДмитрийКурбанов-у3к]

Где есть урок по live sass compilier?

[@nikko374]

Polacode очень понравился!

[@yura_8952]

Как сделать шрифт в этом редакторе таким же, как в брекетс?))

[@darksgamechannel5484]

как называется плагин с Цветными отступами для vs code? спасибо заранее

[@ИванИванов-т2ш3р]

Если вопрос ещё актуален)) то он называется Brackets pair polarizer.

[@Leather_Worker]

Спасибо большое за советы!

[@timurdoors2325]

Приветствую, Артем! Скажите пожалуйста, погоняло "лысый" Вы сами себе назначили или это с детства пацаны хулиганы установили?))))

[@SergiuBurduja-y1l]

Спасибо Артем.

[@TheElement1000]

Артем подскажи, для Less есть плагины, почему этот препроцессор не упоминается?

[@Glo_Academy]

Конечно есть. Нужно забить в разделе плагинов в поиске слово less

[@-Forever-Young-]

чёт LiveServer не работает( не обновляет страницы

[@allaneori]

Норм работает

[@steppp6437]

а как перенести настройки vscode на другой пк?

[@ginofernandes]

Я переносил через этот плагин marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync

[@TheSkiveee]

Скопировать конфиг настроек

[@DreamingDolphing]

Для этого есть ещё один плагин Settings Sync, который даже позволяет синхронизацию через облако

[@DreamingDolphing]

@@СергейКрылов-к4э Да, через github. Но разве это проблема? Наоборот удобно.

[@СергейКрылов-к4э]

@@DreamingDolphing нет проблем) меня тоже все устраивает)

[@olekollo7875]

Project manager Рекомендую

[@VRazvedkaSPN]

НУ капец Live Sass Compiler звучит круто а на выходе... вот у тебя проект, стили по разным папкам, там хедер с футером, там мейн, миксины отдельно, что уже говорить про медиазапросы. Нету гибкости в плане "быстро и удобно переопределять куда какой scss файл компилировать в css. Очень не удобно! Если у тебя проект не из Index/style.....

[@stasalsakhanov435]

Для Pug и SCSS есть плагины?

[@maxleskin7444]

Sass плагин работает с scss

[@stasalsakhanov435]

@@maxleskin7444 Толку от него ноль, если он не дает подсказок. Приходится вручную писать. Если бы VC Code , был бы на уровне Webstorm, то ему бы цены не было. Для Pug со связкой SCSS он мало годится.

[@maxleskin7444]

@@stasalsakhanov435 я не про pug говорил только про scss, не пишу на pug, поэтому не знаю под него плагины

[@Поездато-ю9й]

Спасибо)

[@web-dev-pro]

А emmet не юзаешь?

[@Glo_Academy]

New Design Generation он по умолчанию стоит в VS code

[@Dmitriyシ]

@@Glo_Academy странно, мне пришлось отдельно ставить

[@володяволодьев-ф1ю]

Лысый из верстальщиков

[@tereleksa]

Polacode просто пушка. Раньше использовал сервис carbon.now.sh/

[@cseedrvr6627]

eCSStractor for VS

[@xPyc9x]

666 лайка

[@Glo_Academy]

Чертовски полезный урок

[@prototype1269]

Я первый)

[@brucewayne_007]

*_OGONb_*

[@mihail4971]

После просмотра данного видео хотелось смеяться. "ТОП ПЛАГИНЫ ДЛЯ ПРОФЕССИОНАЛОВ" Америку открыл блин

[@denisd1938]

Продемонстрируй нам свои знания

[@mihail4971]

@@denisd1938 что тебе именно надо

[@allaneori]

Расскажи нам про свой топ, если этот топ тебе не зашёл. А мы тебе спасибо скажем или не скажем.

[@CHITUS]

В добавок к перечисленным еще использую: 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.