Trình tạo cấu hình CSS cho Tailwind.
Trình tạo cấu hình CSS cho Tailwind trực tuyến miễn phí, không cần cài đặt. Hỗ trợ tạo cấu hình Tailwind.config.js một cách trực quan.
Giới thiệu Trình tạo cấu hình Tailwind
Công cụ này dựng tệp cấu hình Tailwind CSS sẵn dùng qua một biểu mẫu đơn giản, để bạn không phải viết JavaScript tay. Đặt tiền tố lớp, bật cờ important, và liệt kê các đường dẫn content mà Tailwind cần quét. Bạn có thể thêm màu và họ phông chữ tùy chỉnh, và trình tạo gom chúng thành khối theme.extend gọn gàng. Mọi thứ gộp vào một tệp tailwind.config.js để dán thẳng vào dự án.
Cách sử dụng
1. Trong thẻ Cơ bản, đặt tiền tố, cờ important và các đường dẫn content 2. Trong thẻ Màu, thêm tên và giá trị của từng màu 3. Trong thẻ Phông, thêm từng họ với ngăn xếp phân tách dấu phẩy 4. Mở thẻ Kết xuất và nhấp «Tạo» 5. Xem lại tệp, rồi «Sao chép» vào dự án
Mẹo cho kết quả tốt nhất
Liệt kê mỗi đường dẫn content một dòng để Tailwind quét đúng tệp tìm tên lớp. Màu tùy chỉnh thành lớp tiện ích như bg-primary hay text-brand, và mục phông thành font-sans hay tên bạn chọn. Các mục trống được bỏ tự động nên tệp kết xuất vẫn gọn dù bạn chỉ điền màu hoặc phông. Kết xuất dùng định dạng xuất ESM hiện đại với gợi ý kiểu Tailwind ở đầu.
▶Tùy chọn tiền tố làm gì?
▶Cờ important là gì?
▶Đường dẫn content dùng thế nào?
▶Làm sao thêm họ phông?
▶Kết xuất định dạng gì?
Nếu công cụ này đã giúp ích cho bạn, hãy nghĩ đến việc mua một cốc cà phê cho tôi.
Hãy mua cho tôi một cốc cà phê nhé.