Настройка VS Code для верстки

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 พ.ย. 2024

ความคิดเห็น •

  • @wdm
    @wdm  5 หลายเดือนก่อน +2

    💥 Все курсы в одном комплекте 👇👇👇
    webdesign-master.ru/bundle_courses

  • @ZM-web
    @ZM-web 14 วันที่ผ่านมา +1

    Одно из первых видео которое не смотрел в ускоренном темпе. Спасибо за качественный контент!

  • @W_i_n_n_e_r_Man
    @W_i_n_n_e_r_Man 2 ปีที่แล้ว +27

    Только начинаю знакомиться с VSC, и это один из лучших, если не лучший, урок по его настройке. Огромная благодарность

  • @МихаилСеминистый
    @МихаилСеминистый 5 หลายเดือนก่อน +1

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

  • @qsb.AnimAxio
    @qsb.AnimAxio ปีที่แล้ว +30

    Я также могу добавить от себя несколько полезных расширений:
    • CodeSnap - делает снимок кода, который вы выделили;
    • Auto Rename Tag - сразу изменяет второй тег, при изменении первого;
    • Live Preview - удобное расширение, которое сразу показывает результат сайта
    • Material Icon Theme - тема для иконок
    • SynthWawe '84 - тема для всего, может кому-то понравится

    • @boburbahtiyarov
      @boburbahtiyarov 11 หลายเดือนก่อน +2

      Live Preview - на видео уже показано альтернатива под названием Live Server

    • @qsb.AnimAxio
      @qsb.AnimAxio 11 หลายเดือนก่อน

      @@boburbahtiyarov для меня намного удобнее Live Preview

    • @What-fv1ls
      @What-fv1ls 11 หลายเดือนก่อน +1

      спасибо

  • @ИгорьПлатонов-в3ф
    @ИгорьПлатонов-в3ф 10 หลายเดือนก่อน +2

    Лучшая подача уроков и информации. Сравнивал с многими тоже не плохими но тут предельно понятно, единственное пожелал бы автору это при кликах акцентировать при переключении что бы не включать в замедленное видео.
    Не болейте и не тупейте!

  • @kuksogen
    @kuksogen ปีที่แล้ว +20

    Спасибо за великолепную подачу материала! Объясняете просто и понятно, что лучше помогает разобраться в редакторе и его характеристиках.

  • @KarlssonFrost
    @KarlssonFrost ปีที่แล้ว +3

    Крутейший гайд!
    Чтобы вносимые в файл изменения отображались через плагин Live Server сразу, а не после сохранения файла, необходимо включить Автосохранение (Файл > Автосохранение). По умолчанию параметр выключен и пришлось подумать, почему я не вижу изменения сразу ))

  • @DjFoxF
    @DjFoxF ปีที่แล้ว +14

    Шикарный урок. Спасибо за великолепную подачу материала !

  • @RatSvet
    @RatSvet ปีที่แล้ว +3

    Благодарю за очень полезный и доступный к пониманию урок.

  • @Turpalion
    @Turpalion 11 หลายเดือนก่อน +1

    Балин афигенная подача все понятно и четко от души!

  • @mrgerber
    @mrgerber 2 ปีที่แล้ว +24

    Очень хорошая подача материала, сразу видно отличную наработанную базу! Взял весь пак курсов не глядя) Как минимум, для ознакомления 🙂

  • @avel8965
    @avel8965 2 ปีที่แล้ว +9

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

  • @tatianakerimova1763
    @tatianakerimova1763 ปีที่แล้ว +1

    Спасибо за подробный урок! Все понятно и доступно!

  • @user-no5qw3zv3u
    @user-no5qw3zv3u ปีที่แล้ว

    это самое лучше видео по настройке VS ! благодарчик!

  • @george_ns
    @george_ns 3 ปีที่แล้ว +5

    Топ. Супер. Класс! Не только для продвинутых, но и для новичков

  • @mansur_terla
    @mansur_terla 10 หลายเดือนก่อน

    Спасибо за урок) Duplicate action точно нужен всем. Позволяет дублировать файлы и папки

  • @VladimirVerner-z6q
    @VladimirVerner-z6q 3 หลายเดือนก่อน +1

    Огромное спасибо автору! 👍👍👍

  • @magistrbrims
    @magistrbrims ปีที่แล้ว +2

    Отличный мануал, премного благодарен!

  • @serhikorn
    @serhikorn ปีที่แล้ว +1

    Спасибо огромное! Как раз решил переехать с PhpStorm. Оказывается, для моих нужд нет смысла платить за их подписку. VS Code все решает, в принципе. Осталось только немного попривыкнуть.

  • @Sozenishe
    @Sozenishe ปีที่แล้ว +1

    Отличный материал и подача. Спасибо команде канала!🤝

  • @LectorWeb
    @LectorWeb 3 ปีที่แล้ว +3

    Про сравнение не знал, прикольно! Это почти как Compare в Гите ) Удобно очень!

  • @iharvasileuski6008
    @iharvasileuski6008 ปีที่แล้ว +3

    это лучший материал который я пока нашел! Спасибо Автор, низкий поклон от полного 0ля)

  • @george_ns
    @george_ns 10 หลายเดือนก่อน +1

    Пипец. Какое же шикарное видео!

  • @aigen31
    @aigen31 3 ปีที่แล้ว +2

    Ох уж эти подсказки при наведении, порой случайно тыкну, и перехожу на документацию, спасибо за совет)

  • @Boris_Zhukov.
    @Boris_Zhukov. ปีที่แล้ว +2

    Спасибо Вам большое! Вы мастер!

  • @МедиаАссават
    @МедиаАссават ปีที่แล้ว +2

    кратко и ясно, благодарю!!!

  • @ZoRTuL-p2n
    @ZoRTuL-p2n 2 ปีที่แล้ว +5

    Спасибо за расширение HTML to CSS autocompletion. Это то что я искал!

  • @evgentereshchuk7698
    @evgentereshchuk7698 3 ปีที่แล้ว +5

    Спасибо! Давно пользуюсь но реально полезные штуки узнал.

  • @PashaDefragzor
    @PashaDefragzor ปีที่แล้ว

    Добже, поддерживаю такого рода обучение. Можно было бы про WSL рассказать, но в целом можно и самому поискать

    • @wdm
      @wdm  ปีที่แล้ว +1

      Здравствуйте. Тему по WSL я вынес в отдельный урок: th-cam.com/video/HYuFw-YldjU/w-d-xo.html

  • @monieKidd
    @monieKidd 2 ปีที่แล้ว +2

    Отличный урок, в следующий раз посмотрю про эмметы))

  • @СергейКравченко-х5ц
    @СергейКравченко-х5ц 3 ปีที่แล้ว +5

    Большое спасибо за урок! Без воды

  • @nkubatova
    @nkubatova ปีที่แล้ว +2

    Спасибо Вам, за такую подачу информации! 👍

  • @martakor
    @martakor ปีที่แล้ว +1

    live сервер и автозаполнение классов - супер штука

  • @alicerossiarts
    @alicerossiarts 2 ปีที่แล้ว

    Cпасибо огромное! Редактор преобразился

  • @iii_mrmic_iii3723
    @iii_mrmic_iii3723 ปีที่แล้ว +1

    Просто лучший! Спасибо!)

  • @sergeytukhtarov1175
    @sergeytukhtarov1175 2 ปีที่แล้ว +3

    Отличное видео по настройке редактора VsCode. Редактор к бою готов! Чтож теперь вперед верстать боевой проект по курсу дальше

  • @АндрейНовицкий-т9е
    @АндрейНовицкий-т9е 2 ปีที่แล้ว +5

    Спасибо большое. Очень интересный и полезный урок

  • @ВладиславНовиков-к8з
    @ВладиславНовиков-к8з 7 หลายเดือนก่อน +1

    Очень вам благодарен

  • @q3dm6
    @q3dm6 ปีที่แล้ว +3

    Спасибо за отличную подачу материала!

  • @m_mariya_mari
    @m_mariya_mari ปีที่แล้ว +2

    Для сравнения файлов всегда возвращалась в Notepad++ . Даже не пришла в голову мысль, что здесь тоже может быть такая фича . Горе от ума))) спасибо за плюшки 👍

  • @vbenkovskyy
    @vbenkovskyy 3 ปีที่แล้ว +12

    Шикарный урок, спасибо большое! :)

  • @m1akarov2021
    @m1akarov2021 3 ปีที่แล้ว +6

    Очень крутой Урок ! Спасибо за видео =)

  • @alexandralexandr2997
    @alexandralexandr2997 ปีที่แล้ว

    отдельный лайк за терминал ) 👍
    в vs написано, что терминал открывается с помощью комбинации : ctrl + '
    а на самом деле: ctrl + j

  • @denistverdokhlebov3059
    @denistverdokhlebov3059 2 ปีที่แล้ว +2

    Как всегда шикарен ) Спасибо)

  • @s1lentssh
    @s1lentssh 3 ปีที่แล้ว +8

    Спасибо за тутор!
    Кстати ребят, обязательно чекните тему lucy, я с нее уже год не слезаю, просто офигенская
    UPD: кстати если кто прям тащится по минимализму, попробуйте Ctrl+K, Z - откроет zen mode, вообще ничего отвлекать не будет

    • @bogdanz5810
      @bogdanz5810 2 ปีที่แล้ว

      Тема норм, попробую поюзать)

  • @janmaly3292
    @janmaly3292 3 ปีที่แล้ว +2

    Очередное видео от гуру 😍💪
    Я ток недавно на Атом перешёл 😬

  • @Kurkulio_
    @Kurkulio_ 3 ปีที่แล้ว +9

    Ещё клавиши на клавиатуре home, end, pgUp, pgDn могут быть удобными. А вообще, после твоего ролика, такое чувство, что я раньше в обычном блокноте писал, спасибо за ролик!

  • @СергейСульженко-ф9я
    @СергейСульженко-ф9я ปีที่แล้ว +1

    Спасибо, было полезно!)

  • @Veta-kh7uw
    @Veta-kh7uw ปีที่แล้ว

    всем у кого не получается открыть стартер, но при этом у вас закрыта папка, то нужно разархивировать zip файл(нажимаете правую кнопку мыши -> извлечь все, указываете в какую папку). И собственно уже переносите эту папку в vs code.
    возможно для кого-то эта инфа была очевидна, но лично мне пришлось запариться, чтобы понять в чем дело, т.к. я в этом полный 0.

  • @yevhenmikhalov2258
    @yevhenmikhalov2258 2 ปีที่แล้ว

    Огонь, сасибо за урок, емметом давно пользуюсь а вот про переносы css в HTML мог только мечтать)

  • @yunus737
    @yunus737 2 ปีที่แล้ว +1

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

  • @samxdin.mp3
    @samxdin.mp3 ปีที่แล้ว +23

    у меня чувство , что пересел с копейки на спорткар , спасибо

  • @ОлегШинкевич-ю3э
    @ОлегШинкевич-ю3э ปีที่แล้ว +1

    Thank you 💖 so much

  • @ZXSAQWsn
    @ZXSAQWsn 8 หลายเดือนก่อน +1

    Благодарю вас!) Кажется у меня получилось...)

  • @ВладимирМеркулов-п8е
    @ВладимирМеркулов-п8е ปีที่แล้ว

    Красавчик!)

  • @vaspurakavdalian1133
    @vaspurakavdalian1133 ปีที่แล้ว

    Красавчик

  • @Anti-zasor
    @Anti-zasor 2 ปีที่แล้ว +2

    Очень удобно, благодарю !)

  • @abc111prod
    @abc111prod ปีที่แล้ว +1

    Круто!

  • @ИльназГарайшин-ч6о
    @ИльназГарайшин-ч6о 2 ปีที่แล้ว

    я крч один раз психанул, и начал уменьшать всё))
    Убрал нижнюю панельку, а чё там такого важного, ну если что забиндил,
    уменьшил скролл ахаха,
    вот оставил слева только номер строки.
    А из видоса кстати про сравнение файлов узнал - приколдес!))

  • @nikkicoldex8408
    @nikkicoldex8408 2 ปีที่แล้ว

    Спасибо за полезное видео. Лайк!

  • @andreytaraban2393
    @andreytaraban2393 2 ปีที่แล้ว

    Классний расбор функций vsc.

  • @baxtik88
    @baxtik88 2 ปีที่แล้ว

    Спасибо большое за ролик!!!

  • @gad_power2651
    @gad_power2651 2 ปีที่แล้ว

    Крутые настройки спасибо большое очень помог спасибо!!!!!!!!!!!!!

  • @cryfos
    @cryfos 2 ปีที่แล้ว

    От себя могу добавить:
    1. Плагин "Settings Sync", чтобы не настраивать постоянно всё и не бэкапить. Зашёл, ввёл логин-пароль и все настройки и плагины подгрузились
    2. Плагин "indent-rainbow". Он подсвечивает вложенность и визуально видно её глубину (лучше не использовать постоянным отображением символов табов, а то пестрит)
    3. Плагин "Better Comments". Он позволяет ставить разноцветные комментарии

  • @ВикторКузнецов-о1ь
    @ВикторКузнецов-о1ь ปีที่แล้ว

    Спасибо!

  • @ПолинаАнтонова-о7в
    @ПолинаАнтонова-о7в 2 ปีที่แล้ว

    Спасибо большое автору!

  • @lessons3141
    @lessons3141 ปีที่แล้ว

    спасибо, информативно

  • @aruu8796
    @aruu8796 2 ปีที่แล้ว

    такое полезное видео, спасибо большое

  • @аленаракович-р9с
    @аленаракович-р9с ปีที่แล้ว

    спасибо. посмотрела половину видео и уже настроила, что хотела)) VSC, как по волшебству заработал! Заработало даже то, что не работало до этого и что я не могла настроить ранее)))кодовая маги, однако.....

  • @APPKG
    @APPKG 5 หลายเดือนก่อน

    Раньше я работал в сублайм тексте когда заходил вскод мне ваше не понятно бло все английский был когда изменил язык на русском всё бло понятно 😊

  • @akhmad_goytinski
    @akhmad_goytinski 2 ปีที่แล้ว

    Спасибо Вам!Благодарю за качественно информационное видео. У мння возникла вопрос - Visual Studio Code создаёт dist папку с файлом index.html Возможно это делает какое-то расширение, как отключить не знаю. С уважением к Вам Ахмад

  • @YuriyBaragin
    @YuriyBaragin ปีที่แล้ว

    Благодарю 🙏

  • @ertar0
    @ertar0 ปีที่แล้ว

    спасибо!

  • @scc-6
    @scc-6 2 ปีที่แล้ว +1

    Ох, можно выделить все в хтмл и скопировать классы, как же приятно

  • @КристинаКолеганова-ь8к
    @КристинаКолеганова-ь8к 2 ปีที่แล้ว +2

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

  • @ВладимирК-ь9г
    @ВладимирК-ь9г 3 ปีที่แล้ว

    Спасибо. интересное видео. Ещё полезное расширение, на мой взгляд, Image preview

  • @ЗаурБерсанов-ь5о
    @ЗаурБерсанов-ь5о ปีที่แล้ว +1

    в одном из уроков видел у вас плавную печать кода , можно название этого расширения?

    • @wdm
      @wdm  ปีที่แล้ว

      В настройках VSCode: Cursor Smooth Caret Animation, установите значение на on.

    • @ЗаурБерсанов-ь5о
      @ЗаурБерсанов-ь5о ปีที่แล้ว

      спасибо@@wdm

  • @Nikos-xd6le
    @Nikos-xd6le 8 หลายเดือนก่อน +1

  • @mew6085
    @mew6085 3 ปีที่แล้ว

    Супер)!

  • @alinalessio
    @alinalessio ปีที่แล้ว +1

    В саблайме я постоянно пользуюсь обёрткой тегов. Когда выделяешь кусок текста и при нажатии (у меня) Alt+Shift+W выделенный текст оборачивался тегом , который лего можно было тут же заменить на любой другой. Очень нужная вещь. А как в этом редакторе это реализовать?

  • @folomba
    @folomba 2 ปีที่แล้ว +4

    Спасибо большое! А будут уроки по PHP?

  • @MishaWS
    @MishaWS 3 ปีที่แล้ว +2

    Prettier отличное расширение

    • @AlekseyNaumov_734
      @AlekseyNaumov_734 3 ปีที่แล้ว

      Что делает?

    • @MishaWS
      @MishaWS 3 ปีที่แล้ว

      @@AlekseyNaumov_734 форматирует код

  • @andreyshkumat4283
    @andreyshkumat4283 3 ปีที่แล้ว

    Благодарю

  • @tihon2890
    @tihon2890 2 ปีที่แล้ว +1

    Привет!
    Подскажи пожалуйста, как убрать горизонтальную полоску для прокручивания страницы? Хочется чтобы текст не уходил бесконечно в правую сторону, а переносился вниз. Заранее спасибо!

    • @wdm
      @wdm  2 ปีที่แล้ว +2

      Atl + Z

  • @svmmur
    @svmmur 2 ปีที่แล้ว

    Thanks so much )

  • @clipniker8423
    @clipniker8423 ปีที่แล้ว +2

    Я ещё включаю автосохранение, чтобы по сто раз не нажимать ctrl + s после каждого действия. Для этого, в json файле написал: "files.autoSave": "afterDelay".

  • @Илона-з4в
    @Илона-з4в 2 ปีที่แล้ว +1

    Лучшее видео по настройке VS, информативно и полезно. Спасибо.
    Подскажите , а как вернуть все настройки в исходное состояние? Особенно когда в коде меняются параметры?

    • @BBCTry
      @BBCTry 2 ปีที่แล้ว

      Удалить или закомментировать settings.json

  • @КонстантинК-н3ш
    @КонстантинК-н3ш 2 ปีที่แล้ว

    Добрый день. А можешь переназначить клавиши ctrl+c на копирование выделенного фрагмента, а не всей строки, как по умолчанию стоит?

  • @АндрійЛємак
    @АндрійЛємак 7 หลายเดือนก่อน

    еще б настроечку чтоб убрать лишние отсутп между файлом стилей где номер строки - много места пустого

  • @agilitypower3356
    @agilitypower3356 ปีที่แล้ว

    как сделать чтобы при развертывании тега вначале появлялся class а потом href ?

  • @edgull_tlt
    @edgull_tlt 3 ปีที่แล้ว

    Спасибо

  • @dimaz-88008
    @dimaz-88008 ปีที่แล้ว

    Спасибо за очень доходчивый гайд! Не подскажите, как исправить такое внезапно возникшее в моём VS Code явление - раньше в коде css при наведении на квадратик с цветом (например, в color или background) появлялась палитра, при клике по её шапке цветовая модель менялась и продолжая кликать можно было переключать режимы и остановиться на нужном. А сейчас переключение происходит ( по клику) только на одну, следующую цветовую модель, но при этом окошко закрывается, и приходится всю процедуру заново проделывать, если на нужный режим не переключился (например в коде цвет в hsl, наводим на квадратик появляется окно с палитрой, кликаем по шапке, переключаемся на режим hwb и это окошко закрывается, а мне нужно, rgb). Заранее большое спасибо!

  • @Alyonushka_rikova
    @Alyonushka_rikova 10 หลายเดือนก่อน

    Не открываются indetex.html и плагин css в отдельных окнах, подскажите, что делать? Плагины и html открываются водном окне, один, заменяет другого

  • @specialonevanguardgrouppmr5054
    @specialonevanguardgrouppmr5054 8 หลายเดือนก่อน +1

    а как настроить сноски? Когда текст большой вставляю он расползается в одну строчку
    а как сделать чтоб он автоматически сносился на строку ниже ?

    • @wdm
      @wdm  8 หลายเดือนก่อน +2

      Можно вручную переключить на Alt + Z, можно настроить, чтобы всегда переносились строки в редакторе. В настройках VS Code найдите "word wrap" и включите данный параметр.

  • @rustam_4
    @rustam_4 ปีที่แล้ว

    Этот коммент для продвижения видео

  • @FSP2080
    @FSP2080 ปีที่แล้ว

    👋👍🎯

  • @ВадимКириевский
    @ВадимКириевский ปีที่แล้ว

    А как прописать если нужно развернуть следующее:

    • @wdm
      @wdm  11 หลายเดือนก่อน

      svg.[width height]>use[href]

  • @kerusdc8322
    @kerusdc8322 3 ปีที่แล้ว

    а есть плагин, который работает наоборот css Peek?
    чтоб в css можно было кликнуть по классу и показало, в каких файлах он используется и можно было к нему перейти в html

  • @VitaliyUngurian
    @VitaliyUngurian 3 ปีที่แล้ว +1

    Обернуть часть кода каким-то тегом - не пользуетесь таким?)

    • @Shakhrom-b7d
      @Shakhrom-b7d 3 ปีที่แล้ว

      в Sublime Text было такое, комбинация клавиш Ctrl+G или Ctrl+Shift+G точно не помню

    • @igorbeliakovski7649
      @igorbeliakovski7649 3 ปีที่แล้ว +3

      @@Shakhrom-b7d Точно также можно настроить и в vscode: "@command:editor.emmet.action.wrapWithAbbreviation" привязываете нужную комбинацию, например, Ctrl + Shift + G, как в Sublime