Vite | сборщик нового поколения #1 - Установка Vite

Поделиться
HTML-код
  • Опубликовано: 27 сен 2024
  • Курс по разработке современных frontend проектов с помощью сборщика нового поколения Vite.
    Telegram - t.me/igorbabko...
    🧪 Репозиторий: github.com/igo...
    🧪 Исходные коды для каждого урока: github.com/igo...
    🎨 Тема VS Code: marketplace.vi...
    🎨 Иконки VS Code: marketplace.vi...
    ✍️ Шрифт: philpl.gumroad...
    🍿 Весь плейлист: • Vite - сборщик нового ...
    Vue Composition API с нуля: • Vue Composition API с ...
    Кастомная настройка Tailwind CSS: • Кастомная настройка Ta...
    Tailwind CSS + JIT компилятор: • Tailwind CSS + JIT ком...
    Лендинг Tesla на Tailwind CSS: • Лендинг Tesla на Tailw...
    Верстка RUclips на Tailwind CSS: • Tailwind CSS RUclips к...
    RUclips клон на Vue 3 и Tailwind CSS: • RUclips клон на Vue 3 ...
    Настройка VS Code: • Настройка VS Code
    #vite #vitejs #frontend

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

  • @igorbabko
    @igorbabko  6 месяцев назад

    Telegram - t.me/igorbabko_dev

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

    Супппер!!!Спасибо за ваш труд!!!

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

      Всегда пожалуйста!)

  • @fili_9485
    @fili_9485 6 месяцев назад +1

    невозможно слушать, зачем так разговаривать в конце слов тянуть согласную букву?
    ,, современный сборщик проектовВВВ , сегодня покажу как это работаетТТТ, покажу как работает сервер РРРР ,, зачем?

    • @igorbabko
      @igorbabko  5 месяцев назад

      Тут уже как получилось записать)

    • @fili_9485
      @fili_9485 5 месяцев назад

      @@igorbabko ойй) я что то тогда очень злой видимо был аэха, извини за гневный комментарий, сейчас пересмотрел все супер. Плохая идея получать знания когда с головой не в порядке ахах, спасибо за гайд)

    • @igorbabko
      @igorbabko  5 месяцев назад

      Хаха) все в порядке, всегда пожалуйста!

  • @jamjam3337
    @jamjam3337 Год назад +1

    👏👍

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

    Отличная серия намечается) не хотите в будущем next js потрогать? Он на хайпе

    • @aweb_21
      @aweb_21 Год назад +1

      Ты имел ввиду nuxt ?)

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

      @@aweb_21 во nuxt идея ТОП.

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

      Спасибо большое! Вероятно, будут видео и по Next, и по Nuxt) Только не в ближайшем будущем)

  • @qad1miy
    @qad1miy Месяц назад

    А как вы так настроили vs code )
    Очень минималистично
    Очень понравилось

    • @igorbabko
      @igorbabko  Месяц назад +1

      Спасибо)) на канале есть плейлист по настройке VS Code, там применяется очень похожая настройка - ruclips.net/p/PL-FhWbGlJPfZmjF9sLoSVAF4-9R1cSXxo
      Или же все те уроки в одном видео - ruclips.net/video/OmO59E3IGG0/видео.html
      Вот мои текущие настройки VS Code - gist.github.com/igorbabko/c7eec47cb78f9cf1fe9e5038da62f0d8
      и комбинации клавиш (keybindings.json) - gist.github.com/igorbabko/ff9480733247abbb21274467ef6f23e2

  • @АрменАрутюнян-т3с
    @АрменАрутюнян-т3с 7 месяцев назад

    Игорь, здравствуйте! Очень хотелось бы краткое или не краткое видео по настройке firefox developer edition(очень крутое оформление), пожалуйста)

    • @igorbabko
      @igorbabko  7 месяцев назад

      Здравствуйте) спасибо большое! Честно говоря, я только применил кастомную тему, все остальное оставил по умолчанию) Вот моя тема для Firefox - addons.mozilla.org/en-US/firefox/addon/aura-spirit-dracula/?.mozilla.org&

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

    Игорь, не планируете сделать подробный гайд по настройке eslint + prettier?

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

      Идея мне нравится) может быть, сделаю как-нибудь)

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

      ​@@igorbabkoбыло бы огнище🔥

  • @hel1_yeah
    @hel1_yeah Год назад +1

    Скажите пожалуйста что у вас за терминал?

    • @aweb_21
      @aweb_21 Год назад +1

      Было видео по настройке терминала

    • @igorbabko
      @igorbabko  Год назад +1

      Терминал - hyper.is/
      И тема к нему, что используется в этом видео - github.com/daltonmenezes/aura-theme/tree/main/packages/hyper

    • @igorbabko
      @igorbabko  Год назад +1

      Да, видео есть) но там используется встроенный в VS Code терминал - ruclips.net/video/B5IcTpw0Ims/видео.html

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

      @@igorbabko отличное видео) мак на нем настроил хотелось и на Винде что-то по лучше)

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

      Спасибо большое) Виндой не пользуюсь, поэтому не могу ничего посоветовать из личного опыта)

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

    А что случилось с кучей старых начатых курсов?

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

      сейчас активно только Vue Composition же, что ещё есть?

    • @rapincua
      @rapincua Год назад +1

      @@ibrakhimzhanovIt я же не о активных спрашивал) начато курсы по ларе, по ютубу и все забилось, это уже начинает надоедать, так как инфа все больше и больше для новичков и по кругу

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

      @@rapincua Ну тут как говорится не всем угодишь. Для меня заходят и новые)) даже если для начинающих я для себя делаю новые заметки.

    • @igorbabko
      @igorbabko  Год назад +1

      По Laravel планируется много различного контента. Тот плейлист по RUclips API клону на Laravel пока приостановлен. Сейчас вижу, что на канале большей популярностью пользуются видео по Vue, поэтому на данном этапе выходят уроки по Vue.
      Но в планах выпускать много материала по Laravel. Просто приходится таким образом расставлять приоритеты, так как ощущается нехватка времени) работаю над тем, чтобы было больше времени на создание уроков)) Старые курсы в любой момент могут быть продолжены, а сейчас приходится делать выбор в пользу более популярного контента)

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

    Это Chrome? И если да, то напиши название темы пожалуйста!

    • @igorbabko
      @igorbabko  Год назад +1

      Это Firefox Developer Edition) www.mozilla.org/en-US/firefox/developer/
      И расширение Firefox Color, вот моя конфигурация темы - color.firefox.com/?theme=XQAAAAIXAQAAAAAAAABBqYhm849SCia2CaaEGccwS-xMDPr9496k-4YJrYJhKkOFphRGHjCvw3Ov4ZyILWsJ1b91mfogttM3Q6ueJmQ_1BrC-1RqhHhWxeRumiXANoS195VdKQ5nLvkYy6LMYLNUIIEoWf0vVXP2zpH4ZQxemsmHfjI_pziawi4kFeO61YFevDyC665AshXGTRDvJRUrj2S2C2bRbHSTIOkzIo1rhcqpCqc0zv1c__BUqAA

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

      @@igorbabko спасибо!)

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

      Не за что)

  • @Николай-ш1ш6ы
    @Николай-ш1ш6ы Год назад +1

    Зачем так вытягивать концовку слов? С буквой В вообще треш😂

    • @igorbabko
      @igorbabko  Год назад +1

      Привычка, наверное)) А на какой конкретно секунде?

    • @Николай-ш1ш6ы
      @Николай-ш1ш6ы Год назад

      @@igorbabko с самого начала))

    • @igorbabko
      @igorbabko  Год назад +1

      Хах) так получается)

    • @igorbabko
      @igorbabko  Год назад +1

      Благодарю за отзыв))

  • @andreymedkov795
    @andreymedkov795 11 дней назад

    Топ! Спасибо за труд!

    • @igorbabko
      @igorbabko  2 дня назад

      Всегда пожалуйста)

  • @ReaktorGaming86
    @ReaktorGaming86 3 месяца назад

    3:55 Что это? Как ты попадаешь на этот экран?

    • @igorbabko
      @igorbabko  3 месяца назад

      Это просто окно VS Code на рабочем столе) если будет интересно, на канале есть плейлист по настройке VS Code - ruclips.net/p/PL-FhWbGlJPfZmjF9sLoSVAF4-9R1cSXxo
      Или все те видео из плейлиста, но в формате одного большого - ruclips.net/video/OmO59E3IGG0/видео.html

  • @abzalrashithodjaev6333
    @abzalrashithodjaev6333 11 месяцев назад

    Жду такой же ктурой урок по webpack )

    • @igorbabko
      @igorbabko  11 месяцев назад

      Увы, по Webpack не обещаю)

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

      Работал и с Webpack, даже больше, чем с Vite) просто Webpack сейчас немного отошел на второй план из-за появления других сборщиков, вроде Vite. Поэтому, я пока не планировал делать плейлист по Webpack)

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

    👍👍👍