سلام بچه ها، تنظیم tailwind در پروژه های Vite شما ممکن است دو تا سه مرحله طول بکشد.
برای مثال در Vite React،
- شما باید tailwind را نصب کنید.
- فایل های پیکربندی را تولید کنید.
- قالب را به آن فایل ها اضافه کنید.
اما من یک بسته npm ایجاد کرده ام که Tailwind را با یک دستور در پروژه شما راه اندازی می کند. Tailwind را نصب می کند، فایل پیکربندی را تولید می کند و قالب ها را به طور خودکار به آن اضافه می کند.
نصب و راه اندازی:
npm install -g lazywind
بسته را به صورت سراسری نصب کنید.
سپس اجرا کن،
lazywind
این دستور را در دایرکتوری پروژه خود اجرا کنید.
مثال:
حالا بیایید با استفاده از Vite یک React Project راه اندازی کنیم
راه اندازی واکنش،
npm create vite@latest client -- --template react
cd client
npm install
پس از راه اندازی React و نصب وابستگی ها، می توانید پروژه را با استفاده از:
npm run dev
Tailwind را با Lazywind راه اندازی کنید
امیدوارم نصب کردی lazywind در سطح جهانی، اکنون اجرا کنید lazywind به عنوان مثال در پوشه پروژه شما، client پوشه در این مورد است.
خواهد شد،
- Tailwind CSS را نصب کنید
- فایل های tailwind.config.js و postcss.config.js را ایجاد کنید
- قالب های لازم را اضافه کنید.
همین، فقط با یک فرمان.
لینک بسته: https://www.npmjs.com/package/lazywind
راه اندازی Tailwind شما اکنون کامل شده است. آن را آزمایش کنید و بازخورد خود را به من بگویید – من دوست دارم آن را بشنوم!
