У цьому посібнику я покажу вам як створити проект на TailwindCSS з нуля в 2025 році. Незалежно від того, чи ви новачок, чи просто хочете освіжити свої знання, цей посібник допоможе вам швидко розпочати роботу. Почнемо!
Крок 1: Ініціалізація нового проекту
Перш за все, відкрийте термінал і створіть нову папку для проекту.
mkdir tailwind-project && cd tailwind-project
Далі ініціалізуйте проект Node.js, виконавши команду
npm init
Це створить файл package.json.
Крок 2: Встановлення TailwindCSS
Тепер встановіть TailwindCSS
npm install tailwindcss @tailwindcss/cli
Крок 3: Створення двох файлів для реалізації TailwindCSS
Створіть файл src/input.css
@import "tailwindcss";
Створіть файл src/index.html
Hello world!
Крок 4: Запуск процесу побудови за допомогою Tailwind CLI
npx @tailwindcss/cli -i ./src/input.css -o ./src/output.css --watch
Підсумок
Якщо ви все ще маєте труднощі з тим, як створити проект на TailwindCSS, ви можете переглянути це відео https://youtu.be/Kh3xj-5nMqw
Перекладено з: How to create a TailwindCSS project for beginners in 2025