Trình Định Dạng Mã

Chọn kiểu thụt lề ưa thích của bạn để phù hợp với tiêu chuẩn mã hóa hoặc quy ước nhóm của bạn:

• 2 khoảng trắng (nhỏ gọn, phổ biến trong JavaScript)
• 3 khoảng trắng (ít phổ biến, sở thích cụ thể)
• 4 khoảng trắng (tiêu chuẩn Python, được sử dụng rộng rãi)
• 8 khoảng trắng (kiểu Unix truyền thống)
• Ký tự Tab (chiều rộng có thể cấu hình trong trình soạn thảo)

Đặt độ dài dòng tối đa cho các ngôn ngữ hỗ trợ bao bọc dòng tự động:

• 80 ký tự - Tiêu chuẩn truyền thống, phù hợp trong các thiết bị đầu cuối hẹp
• 100 ký tự - Cách tiếp cận cân bằng hiện đại
• 120 ký tự - Định dạng rộng cho màn hình hiện đại

Mỗi ngôn ngữ cung cấp các điều khiển định dạng chuyên biệt:

• about:blank Dấu chấm phẩy (thêm/xóa), kiểu dấu ngoặc (đơn/kép), dấu phẩy ở cuối
• HTML: Bao bọc thuộc tính, định vị dấu ngoặc, thẻ tự đóng
• CSS: Sắp xếp thuộc tính, định dạng bộ chọn
• SQL: Trường hợp từ khóa (chữ hoa/chữ thường), lựa chọn phương ngữ (MySQL, PostgreSQL, MSSQL, Oracle)
• Python: Nhất quán mức thụt lề
• PHP: Kiểu dấu ngoặc, định dạng lớp

Không. Hoàn toàn không. Tất cả định dạng diễn ra hoàn toàn trong trình duyệt của bạn bằng cách sử dụng các thư viện JavaScript (Prettier, sql-formatter, js-beautify). Mã của bạn không bao giờ rời khỏi thiết bị của bạn.

Trình Định Dạng Mã sử dụng các công cụ định dạng chuyên nghiệp, tiêu chuẩn công nghiệp:

• Prettier - Xử lý định dạng JavaScript, HTML, CSS và PHP
• sql-formatter - Xử lý SQL với hỗ trợ đa phương ngữ
• js-beautify - Xử lý thụt lề Python

Đây là những công cụ tương tự được sử dụng bởi các nhà phát triển chuyên nghiệp trong các trình soạn thảo mã phổ biến như VS Code, Sublime Text và Atom.

Trình định dạng có thể hiển thị lỗi nếu mã của bạn chứa lỗi cú pháp ngăn cản phân tích cú pháp. Các nguyên nhân phổ biến bao gồm:

• Dấu ngoặc, dấu ngoặc đơn hoặc dấu ngoặc kép bị thiếu
• Cú pháp không hợp lệ cho ngôn ngữ được chọn
• Đoạn mã hoặc mảnh không hoàn chỉnh
• Ngôn ngữ sai được chọn (ví dụ: mã Python trong tab JavaScript)

Có, hoàn toàn có thể. Nhấp vào nút Chỉnh sửa (biểu tượng bút chì) trong tiêu đề bảng đầu ra để chuyển sang trình soạn thảo mã có thể chỉnh sửa được cung cấp bởi CodeMirror.

Trong Chế độ Chỉnh sửa, bạn có thể:

• Thực hiện điều chỉnh thủ công đối với mã được định dạng
• Thêm nhận xét hoặc tài liệu
• Sửa đổi các phần cụ thể mà không cần định dạng lại
• Sao chép hoặc tải xuống phiên bản được chỉnh sửa của bạn

Các thay đổi của bạn được bảo tồn khi chuyển đổi trở lại Chế độ Xem.

Chiều Rộng In đặt số ký tự tối đa trên mỗi dòng. Trình định dạng sẽ cố gắng bao bọc các dòng vượt quá giới hạn này để cải thiện khả năng đọc.

Các giá trị phổ biến và trường hợp sử dụng của chúng:

• 80 ký tự - Tiêu chuẩn truyền thống, phù hợp trong các thiết bị đầu cuối hẹp và bố cục trình soạn thảo cạnh nhau
• 100 ký tự - Cách tiếp cận cân bằng hiện đại, tốt cho hầu hết các kịch bản phát triển
• 120 ký tự - Định dạng rộng được tối ưu hóa cho màn hình độ phân giải cao hiện đại

Trình định dạng SQL hỗ trợ năm phương ngữ cơ sở dữ liệu chính, mỗi phương ngữ có các quy tắc cú pháp cụ thể:

Chọn phương ngữ thích hợp từ thanh công cụ tùy chọn SQL để đảm bảo định dạng chính xác cho hệ thống cơ sở dữ liệu cụ thể của bạn.

Có. Nhấp vào nút "Tab" trong các tùy chọn thụt lề để sử dụng ký tự tab thay vì khoảng trắng cho thụt lề.

Lợi ích của ký tự Tab:

• Chiều rộng có thể cấu hình trong các trình soạn thảo mã khác nhau
• Kích thước tệp nhỏ hơn (một ký tự so với nhiều khoảng trắng)
• Khả năng tiếp cận - người dùng có thể đặt chiều rộng trực quan ưa thích của họ
• Được ưa thích bởi một số nhóm phát triển và tiêu chuẩn mã hóa

Có, được hỗ trợ đầy đủ. Trình định dạng JavaScript sử dụng Prettier với trình phân tích cú pháp Babel, có hỗ trợ tích hợp cho cú pháp TypeScript và JSX.

Các tính năng cú pháp được hỗ trợ:

Chỉ cần dán mã TypeScript hoặc JSX của bạn trong tab JavaScript và trình định dạng sẽ xử lý nó tự động.