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

Sdílet
Vložit
  • čas přidán 29. 08. 2024

Komentáře • 238

  • @wdm
    @wdm  Před 2 měsíci +2

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

  • @user-rs9ck9dh4j
    @user-rs9ck9dh4j Před 2 měsíci +1

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

  • @W_i_n_n_e_r_Man
    @W_i_n_n_e_r_Man Před 2 lety +26

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

  • @kuksogen
    @kuksogen Před rokem +20

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

  • @qsb.AnimAxio
    @qsb.AnimAxio Před rokem +28

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

    • @boburbahtiyarov
      @boburbahtiyarov Před 8 měsíci +2

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

    • @qsb.AnimAxio
      @qsb.AnimAxio Před 8 měsíci

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

    • @What-fv1ls
      @What-fv1ls Před 8 měsíci +1

      спасибо

  • @user-rx7ij2oo1o
    @user-rx7ij2oo1o Před 29 dny +1

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

  • @DjFoxF
    @DjFoxF Před rokem +14

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

  • @KarlssonFrost
    @KarlssonFrost Před 11 měsíci +2

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

  • @george_ns
    @george_ns Před 2 lety +5

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

  • @RatSvet
    @RatSvet Před 10 měsíci +3

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

  • @user-xu1rr9do8z
    @user-xu1rr9do8z Před 7 měsíci +1

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

  • @mrgerber
    @mrgerber Před 2 lety +24

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

  • @Turpalion
    @Turpalion Před 9 měsíci +1

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

  • @avel8965
    @avel8965 Před 2 lety +9

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

  • @magistrbrims
    @magistrbrims Před 10 měsíci +2

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

  • @user-uv1dt7eo1c
    @user-uv1dt7eo1c Před 2 lety +5

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

  • @evgentereshchuk7698
    @evgentereshchuk7698 Před 2 lety +5

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

  • @LectorWeb
    @LectorWeb Před 2 lety +3

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

  • @tatianakerimova1763
    @tatianakerimova1763 Před 9 měsíci +1

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

  • @serhikorn
    @serhikorn Před 11 měsíci +1

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

  • @iharvasileuski6008
    @iharvasileuski6008 Před rokem +3

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

  • @mansur_terla
    @mansur_terla Před 7 měsíci

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

  • @Sozenishe
    @Sozenishe Před 9 měsíci +1

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

  • @contrast3119
    @contrast3119 Před 2 lety +2

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

  • @user-ds4xe3bw4n
    @user-ds4xe3bw4n Před 11 měsíci +2

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

  • @Boris_Zhukov.
    @Boris_Zhukov. Před 11 měsíci +2

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

  • @m_mariya_mari
    @m_mariya_mari Před rokem +2

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

  • @user-no5qw3zv3u
    @user-no5qw3zv3u Před rokem

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

  • @nkubatova
    @nkubatova Před rokem +2

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

  • @user-tx2ym7iq5u
    @user-tx2ym7iq5u Před rokem +5

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

  • @monieKidd
    @monieKidd Před 2 lety +2

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

  • @george_ns
    @george_ns Před 7 měsíci +1

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

  • @q3dm6
    @q3dm6 Před rokem +3

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

  • @denistverdokhlebov3059
    @denistverdokhlebov3059 Před 2 lety +2

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

  • @m1akarov442
    @m1akarov442 Před 2 lety +6

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

  • @user-yq7wh9do7y
    @user-yq7wh9do7y Před 2 lety +5

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

  • @martakor
    @martakor Před 11 měsíci +1

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

  • @vbenkovskyy
    @vbenkovskyy Před 2 lety +12

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

  • @PashaDefragzor
    @PashaDefragzor Před 11 měsíci

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

    • @wdm
      @wdm  Před 11 měsíci +1

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

  • @samxdin.mp3
    @samxdin.mp3 Před rokem +23

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

  • @iii_mrmic_iii3723
    @iii_mrmic_iii3723 Před 11 měsíci +1

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

  • @user-wf1gg4ry4r
    @user-wf1gg4ry4r Před 5 měsíci +1

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

  • @seastraus1
    @seastraus1 Před 7 měsíci +1

    Отличное видео! Спасибо!

  • @user-vk6ds3pz6u
    @user-vk6ds3pz6u Před rokem +1

    Thank you 💖 so much

  • @sergeytukhtarov1175
    @sergeytukhtarov1175 Před 2 lety +3

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

  • @yunus737
    @yunus737 Před 2 lety +1

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

  • @Kurkulio_
    @Kurkulio_ Před 2 lety +9

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

  • @alicerossiarts
    @alicerossiarts Před rokem

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

  • @Anti-zasor
    @Anti-zasor Před 2 lety +2

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

  • @user-cl9yc1tw2i
    @user-cl9yc1tw2i Před rokem +1

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

  • @s1lentssh
    @s1lentssh Před 2 lety +8

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

    • @bogdanz5810
      @bogdanz5810 Před 2 lety

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

  • @Veta-kh7uw
    @Veta-kh7uw Před rokem

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

  • @yevhenmikhalov2258
    @yevhenmikhalov2258 Před 2 lety

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

  • @alexandralexandr2997
    @alexandralexandr2997 Před rokem

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

  • @nikkicoldex8408
    @nikkicoldex8408 Před 2 lety

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

  • @janmaly3292
    @janmaly3292 Před 2 lety +2

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

  • @ZXSAQWsn
    @ZXSAQWsn Před 5 měsíci +1

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

  • @aruu8796
    @aruu8796 Před rokem

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

  • @baxtik88
    @baxtik88 Před 2 lety

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

  • @user-yg6ex7rg2p
    @user-yg6ex7rg2p Před 2 lety

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

  • @user-fs3yr9yk6n
    @user-fs3yr9yk6n Před 2 lety

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

  • @vaspurakavdalian1133
    @vaspurakavdalian1133 Před rokem

    Красавчик

  • @user-iv9mj4oz6p
    @user-iv9mj4oz6p Před rokem

    Спасибо!

  • @APPKG
    @APPKG Před 2 měsíci

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

  • @cryfos
    @cryfos Před rokem

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

  • @clipniker8423
    @clipniker8423 Před rokem +2

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

  • @ertar0
    @ertar0 Před rokem

    спасибо!

  • @gad_power2651
    @gad_power2651 Před 2 lety

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

  • @user-os7wf2ly2t
    @user-os7wf2ly2t Před rokem

    Красавчик!)

  • @user-cn7ri9cp7b
    @user-cn7ri9cp7b Před rokem

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

  • @andreytaraban2393
    @andreytaraban2393 Před rokem

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

  • @lessons3141
    @lessons3141 Před rokem

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

  • @Kristjan44
    @Kristjan44 Před rokem

    Спасибо

  • @alinalessio
    @alinalessio Před rokem +1

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

  • @YuriyBaragin
    @YuriyBaragin Před rokem

    Благодарю 🙏

  • @user-by1nq8zf6k
    @user-by1nq8zf6k Před rokem +1

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

    • @wdm
      @wdm  Před rokem

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

    • @user-by1nq8zf6k
      @user-by1nq8zf6k Před rokem

      спасибо@@wdm

  • @user-go3cq9nz1b
    @user-go3cq9nz1b Před 2 lety

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

  • @vladimirbasov3627
    @vladimirbasov3627 Před 9 měsíci +1

    Супер!!!

  • @abc111prod
    @abc111prod Před rokem +1

    Круто!

  • @scc-6
    @scc-6 Před 2 lety +1

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

  • @Nikos-xd6le
    @Nikos-xd6le Před 5 měsíci +1

  • @user-ex5lf2ng1c
    @user-ex5lf2ng1c Před 2 lety +2

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

  • @MishaWS
    @MishaWS Před 2 lety +2

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

  • @tihon2890
    @tihon2890 Před 2 lety +1

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

    • @wdm
      @wdm  Před 2 lety +2

      Atl + Z

  • @mykola_vdovenko
    @mykola_vdovenko Před rokem

    спасибо

  • @agilitypower3356
    @agilitypower3356 Před rokem

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

  • @akhmad_goytinski
    @akhmad_goytinski Před rokem

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

  • @svmmur
    @svmmur Před 2 lety

    Thanks so much )

  • @specialonevanguardgrouppmr5054
    @specialonevanguardgrouppmr5054 Před 5 měsíci +1

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

    • @wdm
      @wdm  Před 5 měsíci +1

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

  • @andreyshkumat4283
    @andreyshkumat4283 Před 2 lety

    Благодарю

  • @mew6085
    @mew6085 Před 2 lety

    Супер)!

  • @folomba
    @folomba Před 2 lety +3

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

  • @Alyonushka_rikova
    @Alyonushka_rikova Před 7 měsíci

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

  • @user-br3hf7xp1z
    @user-br3hf7xp1z Před 2 lety

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

  • @user-nn9qy1yh3s
    @user-nn9qy1yh3s Před 4 měsíci

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

  • @dimaz-88008
    @dimaz-88008 Před 9 měsíci

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

  • @user-qn6vi4do7w
    @user-qn6vi4do7w Před 2 lety +1

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

    • @user-bc7qf4jt9s
      @user-bc7qf4jt9s Před 2 lety

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

  • @Larriva666
    @Larriva666 Před rokem

    Привет! А склонировать ваш репозиторий нельзя?

    • @wdm
      @wdm  Před rokem

      Здравствуйте. Можно конечно)

  • @MariMaxVR
    @MariMaxVR Před rokem

    Подскажите пожалуйста как сделать так, чтобы автоматически переносились фигурные скобки на новые строки ? То есть чтобы { и } сами переносились каждая на новую строку а между ними уже писать код. Спасибо

  • @cheeseman_92
    @cheeseman_92 Před rokem

    А как выделять текст курсором? Тоесть я имею ввиду то что что при зажатии на лкм у меня отдельно символы/строки не выделяются у меня выделяется только отдельно слово/предложение/текст от двойного нажатия на лкм