create tw

สร้าง tailwind (create-tw)

วิธีที่ง่ายที่สุดในการเริ่มต้นด้วย tailwindcss

มันใช้สคริปต์นั่งร้านยอดนิยมเช่น create-next-app , create-vite , create-astro หรือ create-svelte เพื่อนั่งร้านโครงการจากนั้นกำหนดค่า tailwindcss เพื่อทำงานกับโครงการของคุณนอกกรอบ

NPX

npx create-tw@latest

# OR

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

เส้นด้าย

yarn create tw

# OR

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

PNPM

pnpm create tw

# OR

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

1. เลือกประเภทโครงการ
   • nextjs (create-next-app)
   • วานิลลา (สร้างไวรัส)
   • React (create-vite)
   • VUE (Create-Vite)
   • Astro (Create-Astro)
   • svelte (create-svelte)
   • preact (create-vite)
   • ของแข็ง (degit)
2. เลือกภาษา
   • ตัวพิมพ์ใหญ่
   • จาวาสคริปต์
3. เลือกการพึ่งพา
   • Prettier, CLSX ฯลฯ
4. เลือกปลั๊กอิน
   • Daisy Ui, @tailwindcss/ตัวอักษร ฯลฯ

พร้อมแล้ว!

ปัจจุบันอยู่ในช่วงเริ่มต้นของการพัฒนา

แนวคิดข้อเสนอแนะและรายงานข้อผิดพลาดได้รับการชื่นชมอย่างมาก ในวันต่อไปนี้ฉันวางแผนที่จะเพิ่มการสนับสนุนสำหรับ React, Vue & Svelte กับ Vite

เครื่องมือนั่งร้าน

รหัสประจำตัว	เทมเพลต	เครื่องมือ
nextjs	next.js	create-next-app
วานิลลา	วานิลลา	สร้างกระแส
ตอบโต้	ตอบโต้	สร้างกระแส
ความเต็ม	ความเต็ม	สร้างกระแส
Astro	Astro	สร้าง-แอสโตร
svelte-kit	ชุด svelte	สร้าง SVELTE
ทำขึ้นก่อน	ทำขึ้นก่อน	สร้างกระแส
แข็ง	แข็ง	ทำให้เสีย

หมายเหตุ: เพิ่ม -ts postfix ลงใน ID เพื่อติดตั้งด้วย typescript

รวมรหัสเทมเพลตเพื่อข้ามขั้นตอนการป้อนข้อมูล

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