VS code, настройка внешнего вида, рабочие плагины для верстки

Поделиться
HTML-код
  • Опубликовано: 1 дек 2024

Комментарии • 124

  • @valehsalimov
    @valehsalimov 3 года назад +16

    Скриншот: Win + Shift + S
    Скрины удобно делать с помощью встроенного инструмента Windows 10 (11). Достаточно нажать Win + Shift + S. Скрин попадает в буфер обмена (Win + V или просто вставить с Ctrl + V). Можно даже выбрать тип выделенной области (окно, прямоугольник, произвольная, весь экран). Также можно нажать на всплывшее уведомление и перейти к редактированию скрина.
    Многие скорее всего знают, но на всякий случай )

  • @scc-6
    @scc-6 2 года назад +2

    Мне нужен был этот видос, чтоб найти где json лежит. Нашел в первые секунды.Спасибо!

  • @enterkvas
    @enterkvas 3 года назад +4

    Большое Вам спасибо, сэр Вадос, за Ваш видос. Кое-что "стянул" для себя, кое в чем - подразобрался. Успехов!

  • @carlweiss830
    @carlweiss830 Год назад +2

    Блин, чувак... Ты прям притягиваешь своим юмором и позитивом ) " У меня по жизни 16, а остальным рассказываю, что 20-ть" - вообще убило наповал! )

  • @nmxfun
    @nmxfun 3 года назад +2

    Спасибо большое за видео) Ваши видео - всегда в радость и помощь)

  • @bingo3209
    @bingo3209 3 года назад +23

    "давайте один параграф наксцуй отсюда пойдёт" - принцип моей вёрстки

    • @vadymprokopchuk
      @vadymprokopchuk  3 года назад +11

      вообще топовый принцип, у тебя великое будущее в айтишке

    • @bingo3209
      @bingo3209 3 года назад +4

      @@vadymprokopchuk спасибо, учитель

  • @xImmoortalx
    @xImmoortalx 3 года назад +7

    Вадим дякую за твою працю! Я лише на початку свого шляху самурая, але твої марафони та відео це просто супер ! Гумор в тебе на 5+ !

  • @cruelty8200
    @cruelty8200 3 года назад +33

    Лично мой самый часто используемый плагин для вёрстки - это канал от 0 до 1))

  • @DALEXsumy
    @DALEXsumy 3 года назад +21

    Мне стыдно но я посреди ночи заражал с размера шрифта 16 ... но всем говорю что 20.
    Спасибо, ясное дело что у всех свой путь самурая и свои настройки но было любопытно подсмотреть у вас.

  • @Костя-с5л8я
    @Костя-с5л8я 3 года назад +6

    Дождались!
    Спасибо за то что ты это делаешь)

  • @UCnBUnAmcvCs8FePEtmn
    @UCnBUnAmcvCs8FePEtmn 3 года назад +3

    Тыж мой молодец, рад тебя снова видеть :)
    Комментарий для продвижения!

  • @russyy00
    @russyy00 3 года назад +3

    спасибули тебе большие за качественный контент, ты единственный из немногих кто делает качественный контент по программированию

  • @unkled
    @unkled 3 года назад +3

    Спасибо большое за информацию!!!

  • @romansokurenko4357
    @romansokurenko4357 3 года назад +6

    Вадим давай беку начинай нас обучать! Потому, что после твоих видосов я не кого смотреть не могу, материал вообще не заходит))) А у тебя очень классно получается доносить инфу.

    • @sid9449
      @sid9449 3 года назад +1

      Он фронт а не бек

    • @romansokurenko4357
      @romansokurenko4357 3 года назад

      @@sid9449 знаю!))))

    • @alexey2258
      @alexey2258 3 года назад

      @@romansokurenko4357 Попроси лучше хирурга научить тебя играть на виолончели.

  • @irinaaranzh
    @irinaaranzh 8 месяцев назад

    Большое спасибо за огромный труд! Учусь верстать на Ваших видео❤

  • @FATALGIG
    @FATALGIG 3 года назад +1

    Говоря о динозаврах и саблаймах даже ни слова не сказал про Less 🤣а я на нём писал ))
    Спасибо за полезную информацию! Очень годный контент! Канал - ТОП! Успехов в дальнейших трудах

  • @lemonjuice938
    @lemonjuice938 3 года назад +1

    Ну наконец-то показал настройки)) я думал у тебя там что-то страшное творится, а тут вечеринка наксцуй)))))

  • @vasya8441
    @vasya8441 9 месяцев назад

    забыл как пользоваться vs code, решил посмотреть хорошее видео, знаю что тут все будет хорошо рассказано, спасибо Автору

  • @vasya8441
    @vasya8441 2 года назад +1

    Великолепное видео, смотрел с улыбкой и познавательно и приятно

  • @folomba
    @folomba 2 года назад +2

    Автор, спасибо за видео! Весьма прикольная подача материала!

  • @andrewsam224
    @andrewsam224 Год назад

    Круто! Спасибо огромное!!!

  • @Maryfeb1
    @Maryfeb1 3 года назад +2

    А вот и зеленая лампочка в деле)

  • @bohdan3125
    @bohdan3125 3 года назад +4

    Поздравляю с вчерашним днем, желаю меньше багов.

  • @mrTrojer
    @mrTrojer 3 года назад +4

    Ееееееее респект Вадим! Наконец дождались :)

  • @ВладИванец-й6у
    @ВладИванец-й6у 11 месяцев назад

    я, когда открыл файл json, глаза наверное округлились, там всего шесть строчек. Решил добавить вашу наскальную надпись "editor.hover.enabled": false, но только true O! Мне понравилось это "первобытное существование". Написал для себя три программульки на python, но всегда проходил мимо этих нюансов в настройке редактора. Спасибо, товарищ. В районе 10:45 - нет автоматического сохранения в json, тут вы что-то путаете, у меня всего шесть строк.. Изменения появляются только тогда, когда вы что-то меняли сами. Нетронутые настройки не отображаются в json

  • @dmitriyk.2462
    @dmitriyk.2462 3 года назад +3

    Шутка про 16 шрифт хорошая))

  • @ask9014
    @ask9014 2 года назад

    на данный момент, это самый смешной твой видос, что я смотрел.
    жжошь

  • @ИзатМаматов-ж4п
    @ИзатМаматов-ж4п 3 года назад +1

    Супер

  • @аленаракович-р9с
    @аленаракович-р9с 2 года назад

    за настройки спасибо)) много проблем решила)))

  • @AndAlexei
    @AndAlexei 3 года назад +9

    Первый шаг на пути IT-специалиста - это перевод гаджетов , программ и компьютера на английский язык. Без знания английского в IT ой как сложно. Frontend, backend, full stack,
    web development, programming - всё всё всё на английском. Вся свежая, актуальная и полная информация на английском, поэтому, особенно на стадии обучения, необходимо погрузиться в терминологию IT-English.

    • @аленаракович-р9с
      @аленаракович-р9с 2 года назад +3

      немного не соглашусь, если новичек сядет за английскую версию и попробует что-то накодить (в любой программе) через пару дней у него случится либо упадок и уныние от осознания собственной никчемности, либо злость на всё вокруг. в любом случае начать с русской версии поприятнее))) англ. версия это хардкор. как вы и сказали хватает и кода с документацией для изучения англ.языка)))

  • @PyCTaM3
    @PyCTaM3 2 года назад

    Отличная вечеринка получилась.

  • @ДмитрийВяхирев-щ3х
    @ДмитрийВяхирев-щ3х 3 года назад

    спасибо за полезное видео!

  • @yellowketchup9562
    @yellowketchup9562 3 года назад +5

    Прям с языка снял я в ахере

  • @bog-1
    @bog-1 3 года назад +2

    как всегда - топ

  • @sergejchap62
    @sergejchap62 2 года назад +1

    Спасибо! Было б чуть лучше сделать список под катом или сверткой

  • @rostyslavkinash5232
    @rostyslavkinash5232 3 года назад

    Спасибо за видео

  • @МаксимБагдевич
    @МаксимБагдевич 3 года назад +3

    Где ролики. Мне очень нравиться твой контент. Но его мало!!!!! Ответь пожалуйста. Если много другой работы пойму!!

  • @pavelaleks4493
    @pavelaleks4493 3 года назад +3

    если эммет не отображает подсказки ctrl + пробел принудительно запустит

  • @ДмитрийНормов-ю6ц
    @ДмитрийНормов-ю6ц 2 года назад +1

    Подскажите плагин для подсветки ошибочной транслитерации в словах. Из коробки ничего не подсвечивает...

  • @total5074
    @total5074 3 года назад +1

    Классное видео, жду марафон

  • @АндрейКонстантинов-в4э

    Как всегда все на высшем уровне! Очень классная и крутая подача материала, много полезного узнал.
    Есть вопрос: что прописать в settings.json чтобы когда я писал " img.logo " мне выводилось " " вместо " "
    Другими словами, чтобы атрибут "class" шел сразу после тега

    • @datoshcode
      @datoshcode 2 года назад

      В файле settings.json укажите:
      "emmet.preferences": {
      "output.reverseAttributes": true
      }

    • @СтаниславГорда
      @СтаниславГорда Год назад

      @@datoshcode спасибо, тоже была нужна настройка, теперь работает!

  • @Vladislav1449
    @Vladislav1449 3 года назад

    харооош!

  • @lanam1182
    @lanam1182 3 года назад

    посмотрела, позвонила в колокола, буду ждать новый выуск

  • @romans5741
    @romans5741 3 года назад

    good!

  • @vladislav2023
    @vladislav2023 3 года назад

    Вадос все ништяк но плагин auto rename tag есть уже с капота давно)

  • @XOMYTOB
    @XOMYTOB 3 года назад

    ахиренно расказал/ сейчас я вам все расскажу/ через минуту/ ну я вам не буду все рассказывать потому шо будет длинное видео

  • @Alexander-zh8cu
    @Alexander-zh8cu 3 года назад +3

    А как сделать чтобы class прописывался перед href а не после него? При ввводе .logo и нажатие кл TAB

    • @ob7349
      @ob7349 2 года назад

      Ви дізнались як?

    • @Alexander-zh8cu
      @Alexander-zh8cu 2 года назад

      @@ob7349 нет

    • @ob7349
      @ob7349 2 года назад

      @@Alexander-zh8cu а треба зараз?

    • @agilitypower3356
      @agilitypower3356 Год назад

      @@ob7349 так.

  • @nuya2591
    @nuya2591 3 года назад +2

    Здарова, отец

  • @Калибрист
    @Калибрист 3 года назад +1

    LIVE SERVER PREVIEW плагин полезный

  • @luxarmiger5729
    @luxarmiger5729 3 года назад +2

    Спасибо, конечно но, друг, когда наконец сделаешь видос по натяжке многостраничника на вордпресс? Обещал ведь.

  • @ДжекВоробей-з1й
    @ДжекВоробей-з1й 3 года назад +1

    Респектище автору! Не скажу, что совсем новичок, лет 10 ваял простенькие сайты, сейчас, на досуге, дабы восстановить всякое в памяти, пробежался по марафону и могу сказать, что видосы очень зачётные.
    Вадим, подскажите, для разных движков сайта вёрстка как-то отличается? и если да, было бы здорово, если бы вы сделали пример для движка bitrix, как самого популярного движка под коммерческие проекты. А если этот момент уже обсуждался, подскажите, в каком видео, пожалуйста.

    • @vadymprokopchuk
      @vadymprokopchuk  3 года назад

      привет, иногда отличаеться иногда нет, в целом скажам не отличаеться, просто есть особенности, c bitrix не работал, так что не в курсах

  • @АртёмЧерничук
    @АртёмЧерничук 3 года назад

    😘

  • @kerusdc8322
    @kerusdc8322 2 года назад

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

  • @АртёмИванов-л9с
    @АртёмИванов-л9с 3 года назад +1

    На счет темы посоветую ayu

    • @alexey2258
      @alexey2258 3 года назад

      Попробовал, хорошая, но для меня всё равно «One Dark Pro Darker» - One Love!

    • @signalua
      @signalua Год назад

      Благодарочка тебе. Теперь только "Ayu Dark Bordered" пользуюсь. До того была "Dracula At Night"

  • @ІгорМудрий-н1ч
    @ІгорМудрий-н1ч 2 года назад

    пожалуйста, подскажите мне, что делать с файлом settings.json под видео? скопируйте его и вставьте себе или как?

  • @kegora9
    @kegora9 3 года назад +2

    👋

  • @hanna1046o
    @hanna1046o 3 года назад +1

    Привет 👋 спасибо !

  • @crogot
    @crogot 2 года назад

    Такой вопрос, пишу

  • @ХарриКейн-щ9р
    @ХарриКейн-щ9р 2 года назад

    Помогите решить проблему.
    Установил VSC и дополнительное расширение Code Runner.
    При запуске любого скрипта, даже самого простого по типу console.log('Hello') или 1 + 1, в OUTPUT
    выскакивает следующее сообщение:
    [Running] node "c:\путь до скрипта\имя скрипта.js"
    "node" ?? ????? ????? и ещё куча знаков вопроса в квадратиках и ромбиках.
    [Done] exited with code=1 in 0.102 seconds
    Сам скрипт, соответственно, не выполняется. Как это исправить?

  • @AleksTrifonov
    @AleksTrifonov Год назад

    Как в VS CODE настроить подсветку синтаксиса Google Apps Script, такой же, как в вебе у Гугла?

  • @Леонид-ц8в7х
    @Леонид-ц8в7х 3 года назад

    чем больше играешь со шрифтом - тем хуже зрение))

  • @ukra777
    @ukra777 3 года назад +2

    Хрен знает почему, но тебя приятно слушать)))

  • @warhouse634
    @warhouse634 2 года назад

    Как ты сделал себе возможность открывать верхнее меню VS Code на клавишу Alt?

  • @IMTevinJ
    @IMTevinJ 2 года назад

    Никак не могу найти как заставить vscode подсвечивать неустановленные пакеты в package.json

  • @talivel118
    @talivel118 3 года назад

    Кстати как относишься к webstorm?

    • @vadymprokopchuk
      @vadymprokopchuk  3 года назад +2

      норм, хороший он, я иногда работаю через phpstorm это по сути одно и тоже

    • @alexey2258
      @alexey2258 3 года назад

      Он больше для JS и его фреймворков, чем для вёрстки, imho.

  • @AleksTrifonov
    @AleksTrifonov Год назад

    Что за кресло у тебя?

  • @NanitoSur
    @NanitoSur 3 года назад

    Почему у меня совсем нет никакой информации и текста в html и json?

  • @michaelmichael2897
    @michaelmichael2897 Год назад

    а как настроить так,чтоб сперва шел класс а потом остальное?
    например вот так по умолчанию:
    а хочу чтоб было вот так :

    • @vadymprokopchuk
      @vadymprokopchuk  Год назад

      нужно прописать вот такую штуку в сетинс джейсон
      "emmet.preferences": {
      "output.reverseAttributes": true
      },
      "emmet.syntaxProfiles": {
      "html": {
      "inline_break": 1
      }
      },

    • @michaelmichael2897
      @michaelmichael2897 Год назад

      @@vadymprokopchuk спасибо большое)

  • @СлаваБогузавсё-щ6д
    @СлаваБогузавсё-щ6д 3 года назад +1

    лайк, конечно, но мне на работе сказали vs code удалить((( и использовать только php storm ...

    • @FlashViolet
      @FlashViolet 3 года назад

      и они правы, но vs code хорошо подходит для быстрого запуска кода, когда надо глянуть файлик с подсветкой кода или типа того. не удаляй)

    • @ВладимирвладимиР-ь8ш
      @ВладимирвладимиР-ь8ш 3 года назад +1

      у меня на работе вообще не слышали даже про vs code.хотя работаю сантехником в сети ресторанов бургеркинг.

  • @ajsluprochazkova4587
    @ajsluprochazkova4587 2 года назад

    здравствуйте! подскажите пожалуйста, я скачала ВС на анг языке, но когда в нем пишу русскими буквами текст то у меня в гуглу выходят иероглифы , почему? нада перезагрузить на русском языке ВС? спасибо

  • @abbosvaliev6498
    @abbosvaliev6498 2 года назад

    как сделать чтобы при вводе тэга a класс был прописан сначала потом href

  • @alexey2258
    @alexey2258 3 года назад

    (17:36) Хех, меня тоже эта бага бесит, но я методом тыка обнаружил, что если нажать Esc, то оно сразу отдупляется. Видимо дело в том, что иногда почему-то срабатывает авто-выделение, т. е. печатаем с выделением того, что печатаем и тогда никакое дополнение ни путей, ни список уже написанных классов, например, не работает. Если кто-то знает как отключить это авто-выделение буду очень благодарен и наверное не только я! ;-)

  • @prsion1925
    @prsion1925 3 года назад

    раньше был класссный плагин для саблайма (JavaScript Enhancements) интеллектуальное автодополнение c ипользованием flow в контексте классов и методов итд Но автор видимо перестал его поддерживать и он перестал раьотать -пришлось перейти на VSCode(

  • @asifabbasov3801
    @asifabbasov3801 Год назад

    у меня проблема плагин SASS неправильно работает. Можете помочь?

  • @666Vladyka911
    @666Vladyka911 3 года назад

    Привет! Как называется плагин для отображения миниатюрных иконок в коде?

  • @alexlisouski4069
    @alexlisouski4069 3 года назад

    как убрать панель, котороая сразу над рабочим окном? index.html > html > body > header

  • @igr3943
    @igr3943 3 года назад +2

    Хоу-хоу-хоу! Время обучения! Отлично! Делай красиво - будет красиво! =)

    • @gubatenkov
      @gubatenkov 3 года назад

      только самые душные типы пишут такую лабуду

  • @sodz5144
    @sodz5144 Год назад

    Мальчик, тебе годиков скоко? (Старикам)

  • @asasov6766
    @asasov6766 3 года назад

    Привет Вадим , решил начать с нуля по твоим видео, и вот не могу скачать макет с первого 7-часового урока,так как он сто с лишним мегабайт, подскажи как быть ?
    Люди может кто знает подскажите

    • @asasov6766
      @asasov6766 3 года назад

      Ооочень нужно

    • @vadymprokopchuk
      @vadymprokopchuk  3 года назад

      я же тебе ответил, как я тебе помогу?) интернет протяну или какие варианты?)

    • @asasov6766
      @asasov6766 3 года назад

      @@vadymprokopchuk Вадим , извиняюсь конечно за такие может быть не серьезные вопросы , но пойми правильно , желание есть с нуля по твоим урокам. Дело в том что я качаю твои макеты и тут и в телеграмме но фигма не открывает , да и на рабочем столе после загрузки макета,макет не могу никак открыть

    • @asasov6766
      @asasov6766 3 года назад

      @@vadymprokopchuk и качать проблем нету вообще , память и интернет позволяют

    • @vadymprokopchuk
      @vadymprokopchuk  3 года назад

      @@asasov6766 это же psd макет, нужен фотошоп

  • @alexey2258
    @alexey2258 3 года назад +1

    Вадим, я хоть и уже взрослый и женатый мужик-гетеросексуал, но ей Богу готов прыгнуть к тебе на руки и расцеловать в обе щеки за это видео, как школьница!!! Дело в том, что у меня в VSC был один ужасно замедляющий работу прикол, с которым я собственно уже смирился после года кодинга - если скажем написать "тег"."какой-то класс" и из вывалившегося окна авто-заполнения класса выбрать один, то он вставляется вот так: «a.class», а не « » Tab нажимать тоже не помогало и приходилось удалять с помощью backspace последнюю букву и печатать её снова, чтобы потом нажать Tab... И так 100500 раз за месяц... А после того, как добавил код твоих настроек Tab заработал и не надо ничего удалять и дописывать! Спасибо огромное и вообще за весь твой космически полезный контент!!

  • @УмидХайдаров-э2л
    @УмидХайдаров-э2л 3 года назад

    Народ у меня лайв сервер неработает просит ферифокс как можно изменить на гугл хром

  • @caligulaas
    @caligulaas 2 года назад

    17:00

  • @black0lith
    @black0lith 3 месяца назад +1

    Автор болтун, а так норм, если воду вылить.

  • @nmephchik
    @nmephchik Год назад

    Руссификация - зло. Нужно учить английский

  • @vladimirzvyagincev8193
    @vladimirzvyagincev8193 2 года назад

    Вадя!! красава!

  • @masteryoda1842
    @masteryoda1842 Год назад

    CTRL+C-------CTRL+V😍🤣