Cách sử dụng
- Dán code của bạn, hoặc nhấn Tải ví dụ để dùng thử.
- Chọn JavaScript, TypeScript hoặc JSON rồi đặt thụt lề, độ rộng dòng, dấu chấm phẩy và kiểu dấu nháy.
- Nhấn Định dạng, hoặc bấm Ctrl+Enter (⌘+Enter trên Mac).
- Sao chép code đã định dạng.
Giải thích tùy chọn
- Thụt lề
- 2 dấu cách là mặc định của Prettier và là kiểu phổ biến nhất trong các dự án JavaScript. Tab thụt lề bằng ký tự tab.
- Độ rộng dòng
- Prettier ngắt dòng những biểu thức dài quá số ký tự này. Mặc định là 80.
- Dấu chấm phẩy
- Tắt để bỏ dấu chấm phẩy ở cuối câu lệnh. Prettier vẫn thêm dấu chấm phẩy ở những chỗ mà bỏ đi sẽ làm thay đổi ý nghĩa code.
- Dấu nháy đơn
- Dùng nháy 'đơn' thay cho nháy "kép" cho chuỗi, trừ khi cách đó cần thêm ký tự thoát.
Ví dụ
Bundle đã nén. Dán một đoạn code nén trên một dòng để đọc xem nó làm gì — định dạng sẽ khôi phục thụt lề và xuống dòng, dù các tên biến ngắn vẫn giữ nguyên.
Quy ước của nhóm. Khớp với thiết lập Prettier của dự án, ví dụ thụt lề 4 dấu cách, không dấu chấm phẩy và dùng dấu nháy đơn.
Câu hỏi thường gặp
Công cụ có hỗ trợ JSX và cú pháp hiện đại không?
Có. Chế độ JavaScript dùng trình phân tích của Babel, hiểu JSX, optional chaining, class fields, top-level await và các cú pháp hiện hành khác.
Vì sao công cụ báo lỗi cú pháp?
Prettier phải phân tích được code trước khi định dạng, nên sẽ dừng lại khi gặp code không phải JavaScript hợp lệ. Thông báo cho biết dòng và cột cần kiểm tra.
Code sau khi định dạng có chạy giống như cũ không?
Có. Prettier chỉ thay đổi khoảng trắng, xuống dòng, dấu nháy, dấu ngoặc đơn và dấu chấm phẩy theo cách giữ nguyên ý nghĩa của code.
Code của tôi có bị tải lên không?
Không. Prettier chạy trong trình duyệt nên code của bạn luôn nằm trên thiết bị của bạn.
Quyền riêng tư
Công cụ này chạy hoàn toàn trong trình duyệt của bạn. Tệp và văn bản được xử lý ngay trên thiết bị và không bao giờ được tải lên máy chủ của chúng tôi.