Trình định dạng & rút gọn JavaScript

Cách dùng

1. 1 Dán code JavaScript vào.
2. 2 Chọn Beautify (Prettier) hoặc Minify.
3. 3 Tùy chỉnh Print width, kiểu dấu nháy, dấu chấm phẩy.
4. 4 Sao chép hoặc tải kết quả về.

Vì sao dùng công cụ này

• Sử dụng Prettier với trình phân tích cú pháp Babel — hỗ trợ JavaScript hiện đại bao gồm cả JSX.
• Chỉ tải khi cần dùng — trang vẫn tải nhanh.
• Hỗ trợ cả hai chiều — làm đẹp bundle đã minify hoặc rút gọn code nguồn của bạn.
• Xử lý hoàn toàn phía client — code của bạn không rời khỏi trình duyệt.

Câu hỏi thường gặp

Trình định dạng & rút gọn JavaScript là gì?

JavaScript Formatter là công cụ giúp làm đẹp (beautify) code JavaScript bằng Prettier hoặc rút gọn (minify) ngay trong trình duyệt. Chế độ beautify thụt lề lại và chuẩn hóa code theo một phong cách nhất quán, dễ đọc, còn chế độ minify giúp giảm dung lượng file. Công cụ hỗ trợ cú pháp hiện đại bao gồm async/await, optional chaining và JSX, đồng thời xử lý code hoàn toàn phía client ngay trên thiết bị của bạn.

Tính năng

Ví dụ

const f=(a,b)=>{return a+b}

const f = (a, b) => {
  return a + b;
};

Trường hợp sử dụng

1. 1

   Dọn dẹp JS lộn xộn

   Định dạng lại JavaScript đã bị thu nhỏ hoặc có phong cách không nhất quán thành bố cục Prettier dễ đọc.

2. 2

   Thu nhỏ cho môi trường production

   Thu nhỏ script bằng terser để giảm kích thước bundle trước khi triển khai.

3. 3

   Chuẩn hóa trước khi review

   Áp dụng một định dạng nhất quán để diff chỉ hiển thị thay đổi thực sự, không phải nhiễu khoảng trắng.

Trình định dạng & rút gọn JavaScript so với các lựa chọn khác

Tài liệu tham khảo

• Prettier — Tài liệu — Prettier
• Terser — Trình nén và làm rối JavaScript — GitHub
• JavaScript — MDN

Công cụ liên quan