سلام استاد عزیز
شما از بوت استرپ استفاده کردید در این پروژه کارهای روزمره
من بخوام بجای بوت استرپ، تیلوند اضافه کنم، خب بلد نیستم
برا اینم اموزش میدین استاد ؟!
بعضی ها از بوت استرپ به تیلوند نقل مکان کردند :)
سلام دوست من
برای اینکار کافیه به مستنداتش مراجعه کنید و انجام بدید
چیزی که دارم در این دوره بهتون یاد میدم همین هست که بتونید خودتون کاری که میخواید رو انجام بدین
در یک دوره نمیشه همه موارد رو آموزش داد
سلیقه هست هر برنامه نویسی سلیقه خودش رو داره
برای استفاده از تیلویند توی پروژه های نود جی اس با موتور قالب یکم کارت سخته و طولانیه
اما اگر داری از ریکت یا ویو استفاده میکنی مراحل خیلی کوتاه تر و راحتتره تو مستنداتش هست
۱- ابتدا باید taiwincss رو init کنی تا فایل پیکربندی رو ایجاد کنه توی پروژت
۲-یه پوشه به دلخواه خودت توی مسیر اصلی و روت پروژه ایجاد کن مثلا پوشه src و داخلش یه فایل css ایجاد کن
و این کدهارو داخلش قرار بده
@tailwind base;
@tailwind components;
اگه فونت اضافه کردی این قسمت باید باشه
@tailwind utilities;/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./views/**/*.{html,js,ejs}","./components/**/*.{html,js,ejs}"],
theme: {
extend: {},
fontFamily:{
IranSans600:['IRanSans600'],
kalameh:['kalameh'],
}
},
plugins: [],
}قسمت content رو باید اینا کدهارو اضافه کنی تا به خوبی صفحات html رو شناسایی کنه و زیرنظر بگیره و چون از موتور قالب استفاده میکنی پسوند فایل ها رو باید به درستی قرار بدی
این پکیج رو باید نصب کنی تا بتونی هم زمان دوتا دستور رو توی پروژه ران کنی و اجرا بشه : concurrently
"dev": "nodemon app",
"tail": "tailwindcss -i ./src/tailwind.css -o ./public/styles/app.css --watch",
"runTail": "concurrently --kill-others \"npm run dev\" \"npm run tail\"",با زدن دستور runtail اول دستور npm run dev اجرا میشه و بعد دستور run tail
که اگر دستور run tail رو ببینی فایلی برامون توی مسیر /public/styles/app.css ایجاد میکنه که اتوماتیک تغییر میکنه
که ما باید فایل app.css رو توی صفحاتمون قرار بدیم تا بشه استفاده کرد
پیشنهاد میکنم همه از tailwind استفاده کنیم چون واقعا دیگه نیاز نیست از صفحه html خارج بشیم و کلاس های css تعریف کنیم و روندمون رو در پیاده سازی چندبرابر سریعتر میشه...
+++ میتونید از cdn تیلویند استفاده کنید اما خب اونطوری هیچ فرقی با بوت استرپ نداره
سعی کنید همینطوری پیاده سازی کنید و با مستندات پیش برید
موفق باشی
تشکر از شما بزرگواران
موفق باشی
ممنونم مهدی جان