Домашняя страница Tailwind CSS
  1. Getting Started
  2. Установите Tailwind CSS с помощью Astro

  1. Создайте свой проект

    Начните с создания нового проекта Astro, если он у вас еще не настроен. Самый распространенный подход — использовать create astro.

    Terminal
    npm create astro@latest my-projectcd my-project

  2. Установите Tailwind CSS

    Запустите команду astro add, чтобы установить tailwindcss и @astro/tailwind, а также сгенерировать файл tailwind.config.cjs.

    Terminal
    npx astro add tailwind

  3. Начните процесс сборки

    Запустите процесс сборки с помощью npm run dev.

    Terminal
    npm run dev

  4. Начните использовать Tailwind в своем проекте

    Начните использовать служебные классы Tailwind для стилизации вашего контента.

    index.astro
    <h1 class="text-3xl font-bold underline">
  Hello world!
</h1>