create tw

Buat Tailwind (Create-TW)

Cara termudah untuk memulai dengan tailwindcss.

Ini menggunakan skrip perancah populer seperti create-next-app , create-vite , create-astro , atau create-svelte untuk perancah proyek dan kemudian mengkonfigurasi tailwindcs untuk bekerja dengan proyek Anda di luar kotak.

npx

npx create-tw@latest

# OR

npx create-tw@latest < project-name > --template < id > 

benang

yarn create tw

# OR

yearn create tw < project-name > --template < id > 

PNPM

pnpm create tw

# OR

pnpm create tw < project-name > --template < id >

1. Pilih jenis proyek
   • NextJS (create-next-app)
   • Vanilla (create-vite)
   • Bereaksi (create-vite)
   • Vue (create-vite)
   • Astro (create-astro)
   • Svelte (create-svelte)
   • Preact (create-vite)
   • Padat (degit)
2. Pilih bahasa
   • Naskah
   • Javascript
3. Pilih dependensi
   • Prettier, CLSX, dll.
4. Pilih plugin
   • Daisy UI, @tailwindcss/tipografi, dll

Sudah siap! ✅

Saat ini dalam tahap awal pengembangan

Gagasan, saran, dan laporan bug sangat dihargai. Pada hari -hari berikutnya saya berencana untuk menambahkan dukungan untuk React, Vue & Svelte dengan vite.

Alat perancah

pengenal	Templat	Alat
nextjs	Next.js	create-next-app
vanila	Vanila	create-vite
bereaksi	Bereaksi	create-vite
vue	Vue	create-vite
Astro	Astro	create-astro
Svelte-kit	Kit langsing	create-svelte
Preact	Preact	create-vite
padat	Padat	degit

Catatan: Tambahkan -ts postfix ke ID untuk menginstal dengan naskah

Sertakan ID template untuk melewatkan langkah input

npx create-tw@latest --template < id >
# OR
yarn create tw --template < id >