(Sumber Imej)
Untuk mula menggunakan Tailwind CSS dengan projek PHP biasa anda, anda boleh memasang Tailwind CSS dalam projek anda. Begini caranya:
Jalankan npm init -y dalam terminal.
Pasang kebergantungan Tailwind: npm pasang tailwindcss postcss autoprefixer
Jana fail konfigurasi Tailwind: npx tailwindcss init
Buat fail postcss.config.js dan tambah kod ini:
1 2 3 4 5 6 |
|
1 2 3 |
|
1 2 3 |
|
Jalankan npm run build:css dalam terminal.
Sertakan pautan ke public/styles.css dalam fail halaman anda (contoh: index.php):
1 |
|
Pastikan anda menjalankan npm run build:css selepas membuat perubahan.
Selain itu, pastikan tailwind.config.js anda menyertakan laluan ke fail .php dan .html anda:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
|
Selamat Mengkodkan Rakyat!
Atas ialah kandungan terperinci Cara Menggunakan CSS Tailwind Dengan Projek PHP Biasa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!