Công cụ làm đẹp mã nguồn

Làm đẹp mã ở 14 ngôn ngữ – JavaScript, TypeScript, JSON, HTML, CSS, SCSS, Less, XML, YAML, GraphQL, Markdown, SQL, PHP và Python – ngay trong trình duyệt.

Ngôn ngữThụt lề

Mã JavaScript đầu vào

Đầu ra

Chạy hoàn toàn trong trình duyệt. Dữ liệu của bạn không bao giờ bị tải lên.

Công cụ Liên quan

Xem Tất cả

Định dạng JSON Kiểm tra JSON Định dạng XML camelCase snake_case kebab-case PascalCase CONSTANT_CASE

Làm đẹp mã nguồn là gì?

Công cụ làm đẹp mã nguồn định dạng mã ở nhiều ngôn ngữ ngay trên một trang. Chọn ngôn ngữ và mức thụt lề để nhận mã được định dạng nhất quán bởi các công cụ định dạng phổ biến (Prettier, Ruff, sql-formatter, xml-formatter).

Cách sử dụng Làm đẹp mã nguồn

Chọn Ngôn ngữ.
Chọn Thụt lề.
Dán mã và bấm Định dạng (hầu hết ngôn ngữ cũng tự cập nhật khi bạn gõ).
Sao chép hoặc tải xuống kết quả.

Ví dụ

Đầu vào

const a={b:1,c:[1,2]}

Đầu ra

const a = { b: 1, c: [1, 2] };

Ngôn ngữ: JavaScript, 2 dấu cách.

Khi nào nên dùng Làm đẹp mã nguồn

Dùng để định dạng nhanh mã ở ngôn ngữ mà bạn chưa có công cụ, hoặc định dạng đoạn mã cho tài liệu. Với dự án, hãy cấu hình cùng công cụ định dạng trong trình soạn thảo hoặc CI để kết quả luôn nhất quán. Định dạng không bao giờ sửa được lỗi logic.

Làm đẹp mã nguồn hoạt động như thế nào

Ngôn ngữ được chọn quyết định engine: Prettier 3 cho JavaScript (parser Babel), TypeScript, HTML, CSS, SCSS, Less, YAML, GraphQL, Markdown và PHP (@prettier/plugin-php); một bộ in JSON chặt chẽ cho JSON; xml-formatter cho XML; sql-formatter (SQL chuẩn, từ khóa viết hoa) cho SQL; và Ruff biên dịch sang WebAssembly cho Python. Engine chỉ được tải về khi dùng lần đầu. Lỗi cú pháp được báo kèm dòng và cột khi engine cung cấp thông tin này.