TailwindCSS #1 Установка окружения (Setup Environment)

Поділитися
Вставка
  • Опубліковано 15 січ 2025

КОМЕНТАРІ • 65

  • @vladimirrezvanov8276
    @vladimirrezvanov8276 2 роки тому +8

    Самый лучший канал по фронтенду на ютюбе! Спасибо Вам большое, Вы супер преподаватель

  • @saharaprotocol
    @saharaprotocol 2 місяці тому

    по делу, без лишних слов. ЛАЙКОС.

  • @xaaser2006
    @xaaser2006 2 роки тому +14

    1 Лучше инициализировать командой npm init -y чтоб лишних вопросов не задавал
    2 Откуда взялся yarn не объяснено. Думаю он и не нужен в такого рода уроках. Лучше npm i tailwindcss postcss -D
    3 Для сборки npm run build

  • @TheFryOS
    @TheFryOS 2 роки тому +3

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

  • @nouchance
    @nouchance 2 роки тому +2

    Spasibo bolshoe'

  • @VakiTaki
    @VakiTaki Рік тому

    а почему вы где-то используете пакмэнеджера yarn а где-то npx?

  • @timurgalimov6306
    @timurgalimov6306 2 роки тому

    Спасибо, очень познавательно !
    Только с 7:39 не удалось выполнить команду yarn и до конца видео
    "Имя "yarn" не распознано как имя командлета, функции, файла сценария или выполняемой программы. Проверьте правильность написания имени, а также наличие и правильность пути, после чего повторите попытку."
    Тема yarn не раскрыта ((

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 роки тому

      Yarn - это аналог npm. Команду можно заменить на npm

    • @axeld1975
      @axeld1975 Рік тому +1

      npm run build

  • @coolstorieshere
    @coolstorieshere Рік тому

    Почему тайливд срабатывает только при вводе npm run build

    • @felakos1568
      @felakos1568 10 місяців тому

      привет из будущего, нашел ответ? Я так понимаю что TW компилирует файлы .css и .js в папку /public, которые в свою очередь уже можно подключать к страницам? Сам только разбираюсь с этой темой.

  • @erega74
    @erega74 2 роки тому +1

    Скажите, я правильно понял стили через PostCSS извлекаются только нужные нам из большого файла Tailwind.css в итоге наш файл получается маленьким?

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 роки тому +1

      Всё верно

    • @erega74
      @erega74 2 роки тому

      @@YauhenKavalchuk Спасибо! 👍

  • @nomadicus77
    @nomadicus77 Рік тому

    Здравствуйте, а в пайчарме аналогично нужно подключать?

    • @YauhenKavalchuk
      @YauhenKavalchuk  Рік тому

      Понятия не имею что такое «пайчарме», но в большинстве своём настройки библиотек одинаковы не зависимо от среды исполнения

    • @nomadicus77
      @nomadicus77 Рік тому

      @@YauhenKavalchuk Pycharm, это как в Js Webstorm, среда разработки

  • @SwordToothTiger
    @SwordToothTiger 2 роки тому +3

    Странно.. с одной стороны ты не показываешь как пользоваться git для работы над проекто, с другой - разжевываешь что такое эммет, ты уж опредились для какого уровня урок.

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 роки тому

      Вся информация о том как работать с проектом находится в GitHub репозитории

    • @TheFryOS
      @TheFryOS 2 роки тому

      Ебать, брат, ты нашел до чего доебаться

  • @Михайло-г5н
    @Михайло-г5н 2 роки тому

    Что за тема в терминале?

  • @sereras
    @sereras Рік тому

    Привет. Делаю все строго по инструкции. 1) npm init 2)npm install -D tailwindcss postcss autoprefixer и на третем шаге после ввода команды "npx tailwindcss init" выдает ошибку: sh: tailwindcss: command not found. Node js и npm обновлены. Подскажи, пожалуйста, в чем может быть проблема?
    Весь интернет перерыл, не нашел решение.

    • @YauhenKavalchuk
      @YauhenKavalchuk  Рік тому

      Попробуйте: npm install -D tailwindcss.
      А вообще, я ж в видео вроде даже показывал эту страничку: tailwindcss.com/docs/installation

  • @anddrew5841
    @anddrew5841 2 роки тому

    Добрый день! Подскажи, пжл, эти плагины можно поставить на brackets? Спасибо)

  • @GiyosiddinAllanazarov-i6r
    @GiyosiddinAllanazarov-i6r 8 місяців тому

    Вы забыли про yarnб он не в каждом челе установлен по default )

  • @yamsh-0706
    @yamsh-0706 2 роки тому

    Помогите пожалуйста совсем не получается ввести команду yarn add -D tailwindcss postcss, выбивает ошибку

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 роки тому

      А у вас установлен yarn?

    • @yamsh-0706
      @yamsh-0706 2 роки тому

      Да

    • @yamsh-0706
      @yamsh-0706 2 роки тому

      А ввёл команду через npm по вашему совету в комментарии прошлом

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 роки тому

      Значит yarn не установлен

    • @yamsh-0706
      @yamsh-0706 2 роки тому

      @@YauhenKavalchuk да извините у меня били не все плагины установлены, но теперь всё работает. Вот теперь нету не каких изменений в браузере. Я работаю на Виндовсе 11 может что то с ним не так ?

  • @yamsh-0706
    @yamsh-0706 2 роки тому

    Помогите пожалуйста с 7.40 минуты не получается активировать yarn build

    • @yamsh-0706
      @yamsh-0706 2 роки тому

      Что делать если всё время пишет при вводе команды yarn build - error command "build" not found?

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 роки тому

      Под видео есть ссылка на репозиторий - сверьте код. Если всё как в видео, то проверьте папку из которой вы запускаете эту команду - вы должны быть в корне проекта

  • @nastyaboiko6292
    @nastyaboiko6292 2 роки тому

    Крута, жду продолжения)

  • @ИльфатГ
    @ИльфатГ 2 роки тому

    Привет, коллега! Подскажите, пожалуйста, для чего нельзя использовать "Tailwind CSS"?

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 роки тому

      Его МОЖНО использовать для стилизации. Во всех остальных случаях он не нужен

    • @ИльфатГ
      @ИльфатГ 2 роки тому

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

  • @progerlife6690
    @progerlife6690 8 місяців тому

    У кого не работает yarn или не установлен используйте для сборки и запуска проекта npm run build

  • @salvadorvdali6339
    @salvadorvdali6339 2 роки тому

    Здравсвуйте!
    А как настроить в vsCode так чтобы директивы
    @tailwind base;
    @tailwind components;
    @tailwind utilities;
    не подчеркивались?Установить какой-то плагин?
    Вернее почему он их подчеркивает?

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 роки тому

      Если я не ошибаюсь, дополнительно нужен плагин IntelliSense. Он добавит поддержку такого синтаксиса

  • @mind150
    @mind150 2 роки тому

    Лайк!

  • @ИльфатГ
    @ИльфатГ 2 роки тому

    И можно использовать в python?

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 роки тому

      Если честно, понятия не имею

  • @nikitasmirnov2664
    @nikitasmirnov2664 Рік тому

    сделал все четко по инструкции, не работает...

    • @YauhenKavalchuk
      @YauhenKavalchuk  Рік тому

      Странно… в репозитории есть ссылка на установку, перепроверьте может что-то обновилось. Либо выкачайте репозиторий

  • @АнтонГлотов-ь2ь

    А существует объяснение, почему после перезапуска vs code tailwind перестает добавлять нужные стили и приходиться создавать новый проект? При вводе последней команды повторно выскакивает ошибка

    • @YauhenKavalchuk
      @YauhenKavalchuk  Рік тому

      Неа, понятия не имею почему у вас так странно работает(

  • @alexangel8222
    @alexangel8222 2 роки тому

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

  • @kodi6785
    @kodi6785 Рік тому

    > tailwind@1.0.0 build
    > tailwindcss build -i src/main.css -o public/style.css
    Rebuilding...
    warn - No utility classes were detected in your source files. If this is unexpected,
    double-check the `content` option in your Tailwind CSS configuration.

    • @kodi6785
      @kodi6785 Рік тому

      Что делать? index.html указан в content, что ему еще надо? Также не работают стили, которые я прописываю в class в теге

    • @YauhenKavalchuk
      @YauhenKavalchuk  Рік тому

      Не видя весь код трудно что-то подсказать. Если всё делали по урокам, то сверьте с кодом из репозитория (ссылка в описании)