unocss

UnoCSS

เอ็นจิ้น Atomic CSS ตามความต้องการทันที

ฉันขอแนะนำให้อ่านโพสต์บล็อกนี้ -
จินตนาการถึง Atomic CSS ใหม่
สำหรับเรื่องราวเบื้องหลัง

เอกสารประกอบ | เอกสารเชิงโต้ตอบ | สนามเด็กเล่น | บทช่วยสอน

คุณสมบัติ

แรงบันดาลใจจาก Windi CSS, Tailwind CSS และ Twind แต่:

• ปรับแต่งได้อย่างเต็มที่ - ไม่มียูทิลิตี้หลัก ฟังก์ชันทั้งหมดมีให้ผ่านการตั้งค่าล่วงหน้า

• ไม่ต้องแยกวิเคราะห์ ไม่มี AST ไม่ต้องสแกน ทำได้ทันที (เร็วกว่า Windi CSS หรือ Tailwind JIT ถึง 5 เท่า)

• ~6kb min+brotli - ไม่มี deps และเป็นมิตรกับเบราว์เซอร์

• ทางลัด - ยูทิลิตี้นามแฝงแบบไดนามิก

• โหมดการระบุแหล่งที่มา - จัดกลุ่มยูทิลิตี้ในแอตทริบิวต์

• ไอคอน CSS ล้วนๆ - ใช้ไอคอนใดก็ได้เป็นคลาสเดียว

• กลุ่มตัวแปร - ชวเลขสำหรับยูทิลิตี้กลุ่มที่มีคำนำหน้าทั่วไป

• คำสั่ง CSS - นำ utils มาใช้ซ้ำใน CSS ด้วยคำสั่ง @apply

• โหมดการคอมไพล์ - สังเคราะห์หลายคลาสเป็นคลาสเดียวในเวลาสร้าง

• ตัวตรวจสอบ - ตรวจสอบและแก้ไขข้อบกพร่องแบบโต้ตอบ

• การสร้างรันไทม์ CSS-in-JS - ใช้ UnoCSS กับการนำเข้า CDN หนึ่งบรรทัด

• ส่วนขยายรหัส VS

• การแยกโค้ดสำหรับ CSS - จัดส่ง CSS ขั้นต่ำสำหรับ MPA

เอกสารประกอบ

อ่านเอกสารประกอบเพื่อดูรายละเอียดเพิ่มเติม

การติดตั้ง

• วิทย์

• นัท

• แอสโตร

• เว็บแพ็ค

• รันไทม์ CDN

• คลีไอ

• ส่วนขยายรหัส VS

• การกำหนดค่า ESLint

• โพสต์ CSS

รับทราบ

UnoCSS เกิดขึ้นได้ด้วยแรงบันดาลใจจากโครงการต่อไปนี้:

ตามลำดับตัวอักษร

• เอซีเอสเอส

• ยูทิลิตี้ Bootstrap

• อุปกรณ์ประกอบฉากสไตล์ Chakra UI

• UI ความหมาย

• ทาชิน

• CSS ท้ายลม

• แฝด

• วินดิ CSS

สปอนเซอร์

ใบอนุญาต

ใบอนุญาต MIT © 2021-ปัจจุบัน Anthony Fu