Sediakan Tailwind dalam Projek Vite anda dengan arahan yang satu ini

Hai rakan-rakan, menetapkan tailwind dalam projek Vite anda mungkin mengambil masa dua hingga tiga langkah. 
Contohnya dalam Vite React,

• Anda perlu memasang tailwind.
• Janakan fail konfigurasi.
• Tambahkan templat pada fail tersebut.

Tetapi saya telah mencipta pakej npm yang menyediakan Tailwind dengan satu arahan dalam projek anda. Ia akan memasang Tailwind, menjana fail konfigurasi dan menambah templat padanya secara automatik.

Pemasangan:

npm install -g lazywind

Pasang pakej secara global. 

kemudian lari,

lazywind

jalankan arahan ini dalam direktori projek anda.

Contoh:

Sekarang mari sediakan Projek React menggunakan Vite

Persediaan bertindak balas,

npm create vite@latest client -- --template react

cd client

npm install

Selepas menyediakan React dan memasang dependensi, anda boleh menjalankan projek menggunakan:

npm run dev

Sediakan Tailwind dengan Lazywind

Harap, anda memasang lazywind secara global, Sekarang jalankan lazywind dalam folder projek anda, contohnya, klien ialah folder dalam kes ini.

Ia akan,

• Pasang Tailwind CSS
• Janakan fail tailwind.config.js dan postcss.config.js
• Tambah templat yang diperlukan.

Itu sahaja, dengan hanya satu arahan.

Pautan pakej: https://www.npmjs.com/package/lazywind

Persediaan Tailwind anda kini selesai. Ujinya dan beritahu saya maklum balas anda - Saya ingin mendengarnya!

Atas ialah kandungan terperinci Sediakan Tailwind dalam Projek Vite anda dengan arahan yang satu ini. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!