Công cụ chuyển sang kebab-case

kebab-case là gì?

Công cụ này chuyển định danh và cụm từ sang kebab-case (còn gọi là dash-case): các từ viết thường nối bằng dấu gạch ngang, dùng cho class CSS, thuộc tính HTML, cờ dòng lệnh và đường dẫn URL.

Cách sử dụng kebab-case

1. Gõ hoặc dán văn bản vào ô Đầu vào – mỗi dòng một định danh hoặc cụm từ (hoặc bấm Tải ví dụ).
2. Văn bản dạng kebab-case xuất hiện ngay trong ô Đầu ra.
3. Bấm Sao chép để sao chép kết quả.

Ví dụ

getHTTPResponseCode

get-http-response-code

Khi nào nên dùng kebab-case

Dùng cho tên class CSS, tên file component hoặc tùy chọn dòng lệnh. Để tạo URL SEO từ tiêu đề có dấu, công cụ tạo slug có loại bỏ dấu sẽ phù hợp hơn.

kebab-case hoạt động như thế nào

Đầu vào được tách thành các từ, mọi từ được viết thường và nối với nhau bằng -. Từ được tách tại dấu cách, dấu câu và các ký tự phân tách _ - . /, cũng như tại chỗ đổi kiểu chữ bên trong định danh: fooBar → foo + Bar, còn một chuỗi từ viết tắt được giữ liền (XMLHttpRequest → XML + Http + Request). Chữ số dính với từ đứng trước (Request2Go → Request2 + Go), dấu nháy đơn bên trong từ bị bỏ (don't → dont), và chữ cái của mọi hệ chữ (é, ñ, Kirin, Hy Lạp…) đều được hỗ trợ. Mỗi dòng được chuyển đổi riêng.

Các Trường Hợp Sử Dụng Phổ Biến

• ✓ Tạo tên class CSS từ tên component
• ✓ Chuyển tên component React thành tên file
• ✓ Tạo tên tùy chọn dòng lệnh (CLI)
• ✓ Tạo đoạn đường dẫn URL từ định danh

Câu Hỏi Thường Gặp

Khám phá thêm danh mục