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

Рет қаралды 34,747

4 жыл бұрын

Канал программиста: / @sberegovoyru
Степан Береговой выкладывает уроки по программированию с нуля.
Подпишитесь 👍
ТОП 10 плагинов VS Code:
1. Live Server - marketplace.visualstudio.com/...
2. Sass - marketplace.visualstudio.com/...
3. Live Sass Compiler - marketplace.visualstudio.com/...
4. All Autocomplete - marketplace.visualstudio.com/...
5. Bootstrap v4 Snippets - marketplace.visualstudio.com/...
6. jQuery Code Snippets - marketplace.visualstudio.com/...
7. WordPress Snippets - marketplace.visualstudio.com/...
8. Polacode - marketplace.visualstudio.com/...
9. Sublime Text Keymap and Settings Importer - marketplace.visualstudio.com/...
10. gitignore - marketplace.visualstudio.com/...
Подпишитесь на канал, если вам нравятся эти видео:
goo.gl/Zuu7wE
Больше контента в нашей группе Вконтакте
glo_academy
Или в нашем Telegram-канале
t.me/glo_academy
Присоединяйтесь к нашему сообществу Discord
/ discord
Telegram-канал "Лысый из браузера":
tele.click/baldfrombrowser
Чтобы записаться на мой курс по основам веб-разработки, напиши в нашу группу и мой ассистент скажет тебе, что делать дальше: vk.me/glo_academy
Заказать рекламу на канале: vk.me/aislam23 или t.me/aislam23
---------
Я использую хостинг Link Host с 2014 года
link-host.net/billing/pl.php?... Телеграм-каналы с дизайн-макетами для тренировки вёрстки:
ttttt.me/figma2html
ttttt.me/figma_start
ttttt.me/figmatamplates
Каналы с крутыми фичами на CSS и JavaScript:
ttttt.me/codepen_js
ttttt.me/css_features
Канал с терминами для айтишников:
ttttt.me/slang_it
Канал, где публикуют ссылки на полезные сервисы и сайты:
ttttt.me/linkforwork

Пікірлер: 63

@igr3943 4 жыл бұрын

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

@allaneori 3 жыл бұрын

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

@Leather_Worker 4 жыл бұрын

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

@user-ri8ow3qh7l 4 жыл бұрын

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

@nikolay_it_master 4 жыл бұрын

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

@user-nr3yu6bm6m 4 жыл бұрын

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

@nikko374 4 жыл бұрын

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

@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 2 жыл бұрын

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

@bjorndouglas6905 2 жыл бұрын

@Preston Kaiser Flixportal xD

@prestonkaiser7519 2 жыл бұрын

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

@bjorndouglas6905 2 жыл бұрын

@Preston Kaiser No problem xD

@folomba 2 жыл бұрын

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

@user-ix8dx7oe5y 4 жыл бұрын

Спасибо)

@alekseybrazhnikow7622 3 жыл бұрын

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

@gevorgmovsisyan5153 4 жыл бұрын

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

@Glo_Academy 4 жыл бұрын

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

@kerusdc8322 2 жыл бұрын

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

@timurdoors2325 4 жыл бұрын

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

@dgonlock1893 2 жыл бұрын

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

@ganjackal 3 жыл бұрын

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

@user-ue3mb3fb5j 4 жыл бұрын

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

@olekollo7875 4 жыл бұрын

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

@xaaser2006 4 жыл бұрын

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

@Glo_Academy 4 жыл бұрын

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

@xaaser2006 4 жыл бұрын

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

@Glo_Academy 4 жыл бұрын

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

@user-fs3yr9yk6n 3 жыл бұрын

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

@user-or1hy4xz8u 2 жыл бұрын

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

@ivanbenko3448 3 жыл бұрын

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

@yura_8952 4 жыл бұрын

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

@TheElement1000 4 жыл бұрын

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

@Glo_Academy 4 жыл бұрын

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

@prototype1269 4 жыл бұрын

Я первый)

@darksgamechannel5484 2 жыл бұрын

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

@user-sf5kp2vz6x Жыл бұрын

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

@cseedrvr6627 4 жыл бұрын

eCSStractor for VS

@VRazvedkaSPN 4 жыл бұрын

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

@web-dev-pro 4 жыл бұрын

А emmet не юзаешь?

@Glo_Academy 4 жыл бұрын

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

@user-rj6ez1mx6q 4 жыл бұрын

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

@steppp6437 4 жыл бұрын

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

@ginofernandes 4 жыл бұрын

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

@TheSkiveee 4 жыл бұрын

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

@DreamingDolphing 4 жыл бұрын

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

@DreamingDolphing 4 жыл бұрын

@@user-es8sj7nu5r Да, через github. Но разве это проблема? Наоборот удобно.

@user-es8sj7nu5r 4 жыл бұрын

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

@stasalsakhanov435 4 жыл бұрын

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

@maxleskin7444 4 жыл бұрын

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

@stasalsakhanov435 4 жыл бұрын

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

@maxleskin7444 4 жыл бұрын

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