Công cụ định dạng mã online - Prettier cho JS, TS, JSON, HTML, CSS và hơn nữa

Ngôn ngữ hiện tại: JavaScript

Độ rộng tab Độ rộng dòng Dùng Tab Dấu chấm phẩy Nháy đơn

Mã đầu vào

Kết quả định dạng

Mã đã định dạng sẽ hiển thị ở đây.

Giới thiệu công cụ định dạng mã

Không gian làm việc cục bộ trong trình duyệt cho Prettier

Công cụ định dạng mã online giúp chuẩn hóa phong cách trước khi commit, chia sẻ hoặc dán vào công cụ khác. Nó chạy Prettier trong trình duyệt cho ngôn ngữ web, cấu hình, tài liệu và dữ liệu, hỗ trợ nhận diện tự động hoặc chọn thủ công, lưu tùy chọn và không tải mã lên.

Tính năng

Tự nhận diện ngôn ngữ phổ biến và cho phép đổi tay
Chạy Prettier standalone cục bộ trong trình duyệt
Hiển thị đầu vào và đầu ra cạnh nhau
Hỗ trợ thụt lề, dấu chấm phẩy, nháy, phẩy cuối và độ rộng dòng
Lưu tùy chọn và khôi phục mặc định

Cách dùng

1Dán mã hoặc tải tệp cục bộ
2Kiểm tra ngôn ngữ nhận diện và đổi nếu cần
3Chỉnh tùy chọn thường dùng hoặc nâng cao
4Định dạng và xem kết quả
5Sao chép, tải xuống hoặc thay đầu vào bằng kết quả

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

Mã của tôi có được tải lên máy chủ không?

Không. Việc định dạng chạy cục bộ trong trình duyệt.

Hỗ trợ ngôn ngữ nào?

Hỗ trợ các ngôn ngữ Prettier tương thích trình duyệt như JavaScript, TypeScript, JSON, HTML, CSS, SCSS, Less, Markdown, MDX, YAML, GraphQL, Vue.

Nhận diện tự động hoạt động thế nào?

Công cụ kiểm tra phần mở rộng tệp rồi dùng đặc điểm nội dung.

Tùy chọn có được lưu không?

Có. Chế độ ngôn ngữ, ngôn ngữ chọn và tùy chọn được lưu trong localStorage.

Khôi phục mặc định có xóa mã không?

Không. Chỉ đặt lại chế độ ngôn ngữ và tùy chọn định dạng.

Định dạng mã

Giới thiệu công cụ định dạng mã

Không gian làm việc cục bộ trong trình duyệt cho Prettier

Tính năng

Cách dùng

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

Công cụ liên quan