JS/CSS Formatter

Khái niệm chính

Bộ định dạng JS/CSS không phải parser ngôn ngữ như Prettier. Chỉ đếm độ sâu ngoặc nhọn và thêm thụt hai khoảng. Dấu chấm phẩy bắt đầu dòng mới; ngoặc đóng thẳng một cấp ra. Chế độ JavaScript và stylesheet ghi nhãn riêng trên màn nhưng chung quy tắc thụt. Giúp bung một dòng đã minify cho người đọc. Dòng trống giảm và chỉ dòng có nội dung gắn lại theo độ sâu, hợp bung bản nháp nén để review.

Ngoặc trong chuỗi hoặc template literal có thể bị nhầm cấu trúc, nên cú pháp phức tạp ổn hơn ở bộ định dạng chuyên. Bộ này không dựng AST nên không áp sắp import, kiểu ngoặc kép hay trailing-comma. Chỉ chạy trình duyệt, không tải nguồn. Hợp nhất làm bước phụ bung snippet đã minify rồi review. Kết quả định dạng chỉ điền ô chỉ đọc, nên giữ bản gốc và so cạnh nhau.

Ví dụ

Đặt .box{color:red;margin:0} vào nguồn, chế độ CSS, Định dạng: khai báo thụt hai khoảng trên dòng sau ngoặc mở, ngoặc đóng khớp độ sâu gốc. Chế độ JavaScript, function a(){return 1;} thụt trong ngoặc cùng cách. Sao chép kết quả lấy mã đã sạch ngay.

Liên quan: Bộ minify JS/CSS · Bộ định dạng HTML · Bộ định dạng SQL