Тёмный

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

Glo Academy
Подписаться 146 тыс.
Просмотров 35 тыс.
50% 1

Опубликовано:

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 63   
@Avengel32
@Avengel32 4 года назад
В добавок к перечисленным еще использую: 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
@prestonkaiser7519 3 года назад
i know I am quite randomly asking but does anyone know of a good place to stream newly released tv shows online ?
@bjorndouglas6905
@bjorndouglas6905 3 года назад
@Preston Kaiser Flixportal xD
@prestonkaiser7519
@prestonkaiser7519 3 года назад
@Bjorn Douglas thank you, signed up and it seems to work =) Appreciate it !!
@bjorndouglas6905
@bjorndouglas6905 3 года назад
@Preston Kaiser No problem xD
@igr3943
@igr3943 4 года назад
Круто!! Сейчас очень не хватает актуального контента. И здорово, что ты позаботился для нас об этом:) удачи 🍀 во всём!
@nikolay_it_master
@nikolay_it_master 4 года назад
Спасибо. подчеркнул для себя пару плагинов.
@nikko374
@nikko374 4 года назад
Polacode очень понравился!
@Leather_Worker
@Leather_Worker 4 года назад
Спасибо большое за советы!
@SergiuBurduja-y1l
@SergiuBurduja-y1l 4 года назад
Спасибо Артем.
@gevorgmovsisyan5153
@gevorgmovsisyan5153 4 года назад
Сначала ставим лайк, потом смотрим видео
@Glo_Academy
@Glo_Academy 4 года назад
Еще подписку бы и было бы совсем кайф
@xaaser2006
@xaaser2006 4 года назад
Bracket Pair Colorizer 2 удобно подсвечивает скобки eCSStractor for VSCode сразу по html создаешь все классы и не пишешь их ручками в css
@Glo_Academy
@Glo_Academy 4 года назад
Первый плагин огонь. А вот второй, насколько я понял - это аналог All Autocomplete
@xaaser2006
@xaaser2006 4 года назад
@@Glo_Academy не совсем аналог, а скорее дополнение. Ты в html выделяешь кусок кода, правой кнопкой из контекстного меню запускаешь работу плагина. Потом в css вставляешь все классы этого куска, ручками их писать не нужно при этом.
@Glo_Academy
@Glo_Academy 4 года назад
Виталий Бородулин о, это круто!
@ИльназГарайшин-ч6о
@Дмитрий Мехедов если ты про SASS/SCSS, то можно настроить
@ДмитрийНормов-ю6ц
@ДмитрийНормов-ю6ц 2 года назад
@@xaaser2006 а есть ли плагин для подсветки ошибки транслитерации? Когда в слове "class" закрадывается русская буковка "а", а ты и не подозреваешь такого, а потом куча времени уходит(((
@dgonlock1893
@dgonlock1893 2 года назад
Степан Береговой поднялся, сейчас 21,6 тысяч подписчиков.
@folomba
@folomba 2 года назад
Автору спасибо за видео! Народ, не подскажите, а как сделать так, чтобы можно было добавить вертикальное поле для точек останова рядом с номерками строчек?
@timurdoors2325
@timurdoors2325 4 года назад
Приветствую, Артем! Скажите пожалуйста, погоняло "лысый" Вы сами себе назначили или это с детства пацаны хулиганы установили?))))
@kerusdc8322
@kerusdc8322 2 года назад
скажите, какое есть расширение vscode для автоопределения кодировки? или есть команда? а то устал менять кодировку с utf-8 на кириллицу 1251 в одних файлах и наоборот в других
@ganjackal
@ganjackal 3 года назад
Доброго, спс за видео, но вот пару вопросов : 1> Как работает этот плагин(HTML CSS Support ) немного не понятно он ищет классы из уже написанных или сам предлагает и этот как работает (IntelliSense for CSS class names in HTML) что-то вообще не пойму, на видосе показанно, что он типа предлагает добавить тот или иной класс, но я создал 2 div с разными классами, он мне ничего не подсказал в отличие от этого плагина в нем я разобрался(All Autocomplete)!
@yura_8952
@yura_8952 4 года назад
Как сделать шрифт в этом редакторе таким же, как в брекетс?))
@РусланЦугаев-п3р
@РусланЦугаев-п3р 4 года назад
Лысый, красава! очень много чему научился у тебя) Спасибо!
@olekollo7875
@olekollo7875 4 года назад
Project manager Рекомендую
@ivanbenko3448
@ivanbenko3448 4 года назад
При плагине Live Server как Ви переходите между окнами браузера і vscode?
@ДмитрийКурбанов-у3к
Где есть урок по live sass compilier?
@TheElement1000
@TheElement1000 4 года назад
Артем подскажи, для Less есть плагины, почему этот препроцессор не упоминается?
@Glo_Academy
@Glo_Academy 4 года назад
Конечно есть. Нужно забить в разделе плагинов в поиске слово less
@Поездато-ю9й
@Поездато-ю9й 4 года назад
Спасибо)
@VRazvedkaSPN
@VRazvedkaSPN 4 года назад
НУ капец Live Sass Compiler звучит круто а на выходе... вот у тебя проект, стили по разным папкам, там хедер с футером, там мейн, миксины отдельно, что уже говорить про медиазапросы. Нету гибкости в плане "быстро и удобно переопределять куда какой scss файл компилировать в css. Очень не удобно! Если у тебя проект не из Index/style.....
@darksgamechannel5484
@darksgamechannel5484 3 года назад
как называется плагин с Цветными отступами для vs code? спасибо заранее
@ИванИванов-т2ш3р
@ИванИванов-т2ш3р 2 года назад
Если вопрос ещё актуален)) то он называется Brackets pair polarizer.
@prototype1269
@prototype1269 4 года назад
Я первый)
@steppp6437
@steppp6437 4 года назад
а как перенести настройки vscode на другой пк?
@ginofernandes
@ginofernandes 4 года назад
Я переносил через этот плагин marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync
@TheSkiveee
@TheSkiveee 4 года назад
Скопировать конфиг настроек
@DreamingDolphing
@DreamingDolphing 4 года назад
Для этого есть ещё один плагин Settings Sync, который даже позволяет синхронизацию через облако
@DreamingDolphing
@DreamingDolphing 4 года назад
@@СергейКрылов-к4э Да, через github. Но разве это проблема? Наоборот удобно.
@СергейКрылов-к4э
@СергейКрылов-к4э 4 года назад
@@DreamingDolphing нет проблем) меня тоже все устраивает)
@-Forever-Young-
@-Forever-Young- 3 года назад
чёт LiveServer не работает( не обновляет страницы
@allaneori
@allaneori 3 года назад
Норм работает
@web-dev-pro
@web-dev-pro 4 года назад
А emmet не юзаешь?
@Glo_Academy
@Glo_Academy 4 года назад
New Design Generation он по умолчанию стоит в VS code
@Dmitriyシ
@Dmitriyシ 4 года назад
@@Glo_Academy странно, мне пришлось отдельно ставить
@cseedrvr6627
@cseedrvr6627 4 года назад
eCSStractor for VS
@stasalsakhanov435
@stasalsakhanov435 4 года назад
Для Pug и SCSS есть плагины?
@maxleskin7444
@maxleskin7444 4 года назад
Sass плагин работает с scss
@stasalsakhanov435
@stasalsakhanov435 4 года назад
@@maxleskin7444 Толку от него ноль, если он не дает подсказок. Приходится вручную писать. Если бы VC Code , был бы на уровне Webstorm, то ему бы цены не было. Для Pug со связкой SCSS он мало годится.
@maxleskin7444
@maxleskin7444 4 года назад
@@stasalsakhanov435 я не про pug говорил только про scss, не пишу на pug, поэтому не знаю под него плагины
@tereleksa
@tereleksa 4 года назад
Polacode просто пушка. Раньше использовал сервис carbon.now.sh/
@володяволодьев-ф1ю
Лысый из верстальщиков
@brucewayne_007
@brucewayne_007 4 года назад
*_OGONb_*
@xPyc9x
@xPyc9x 3 года назад
666 лайка
@Glo_Academy
@Glo_Academy 3 года назад
Чертовски полезный урок
@CHITUS
@CHITUS 2 года назад
В добавок к перечисленным еще использую: 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.
@alekseybrazhnikow7622
@alekseybrazhnikow7622 4 года назад
Подскажите, в каком то видео было, показывали как делать комментарий в html при закрытии блока(для разделения кода) как это делается?
@allaneori
@allaneori 3 года назад
Спасибо большое, Артём!🙏🙏🙏
@mihail4971
@mihail4971 4 года назад
После просмотра данного видео хотелось смеяться. "ТОП ПЛАГИНЫ ДЛЯ ПРОФЕССИОНАЛОВ" Америку открыл блин
@denisd1938
@denisd1938 4 года назад
Продемонстрируй нам свои знания
@mihail4971
@mihail4971 4 года назад
@@denisd1938 что тебе именно надо
@allaneori
@allaneori 3 года назад
Расскажи нам про свой топ, если этот топ тебе не зашёл. А мы тебе спасибо скажем или не скажем.
Далее
Я ИДЕАЛЬНО ПОЮ
00:31
Просмотров 362 тыс.
25 VS Code Productivity Tips and Speed Hacks
11:35
Просмотров 2,3 млн
Настройка VS Code для верстки
34:27
Просмотров 308 тыс.