نصب تیلویند:

در ادامه برای نصب تیلویند باید به یک اینترنت برای دانلود پکیج ها متصل شوید

باید node.js رو روی سیستم خودتون دانلود و نصب کنید

در این مرحله باید وارد پوشه پروژه خودتان شوید و در بالا روی ادرس مسیر پروژتون بزنید و مسیر را پاک کنید و توش عبارت cmd را تایپ کنید و اینتر بزنید

حالا توی cmd از دستور npm uninstall tailwindcss استفاده می کنیم که اگر از قبل روی سیستممون تیلویند نصب بوده پاک بشه تا با خطایی در ادامه مواجه نشیم

حالا از دستور npm install -D tailwindcss@3 postcss autoprefixer استفاده می کنیم تا تیلویند شروع به نصب شدن بکنه

بعد از اومدن پیغام نصب دستور اول حالا باید از دستور npx tailwindcss init -p تا فایل های تنظیماتی تیلویند رو بسازه

در این مرحله باید توی پوشه اصلی پروژتون یک پوشه به اسم src بسازید و به ترتیب این پوشه و فایل css توش بسازید input.css css assets

حالا توی فایل input.css این دستوراتو میزاریم

;tailwind base@

;tailwind components@

;tailwind utilities@
توی هر یک خط یک دستور رو وارد می کنیم

توی این بخش وارد فایل tailwind.config.js و این دستور رو با همون قسمت جایگذاری می کنیم content: ["./*.html", "./src/**/*.{html,js}"],

حالا دوباره تو بخش اصلی پروژه یه پوشه به اسم dist میسازیم و حالا از دستور اخر برای تکمیل نصب استفاده می کنیم این دستور رو توی همون cmd باز شده از قبل وارد می کنیم

حالا فایل output.css رو باید لینک کنیم