Softonic

Trình tạo cấu hình Prettier

Bước 1 / 2
Tiếp theo

Chọn giá trị cho 10 tùy chọn Prettier phổ biến rồi sao chép cấu hình được tạo. Công cụ xuất JSON, YAML hoặc tệp JavaScript CommonJS; công cụ không kiểm tra dự án, không dùng Prettier để xác thực cấu hình và không thêm plugin hay overrides.

Cách tạo cấu hình

  1. 1

    Thiết lập bố cục

    Chọn độ rộng dòng, độ rộng tab, tab hay dấu cách, dấu chấm phẩy và kiểu dấu nháy.

  2. 2

    Thiết lập chi tiết cú pháp

    Chọn dấu phẩy cuối, khoảng trắng trong ngoặc nhọn, ngoặc của hàm mũi tên, ký tự xuống dòng và dấu nháy JSX.

  3. 3

    Chọn định dạng tệp

    Tạo .prettierrc.json, .prettierrc.yaml hoặc .prettierrc.js CommonJS sử dụng module.exports.

  4. 4

    Sao chép và kiểm tra

    Lưu kết quả vào dự án rồi chạy npx prettier --check . bằng phiên bản Prettier đã cài đặt.

Các tùy chọn có trong trình tạo

Tùy chọn Giá trị có thể chọn
printWidth 40–200
tabWidth 1–8
useTabs, semi, bracketSpacing, jsxSingleQuote true hoặc false
singleQuote true hoặc false
trailingComma none, es5 hoặc all
arrowParens always hoặc avoid
endOfLine lf, crlf, cr hoặc auto

Các ô số được giới hạn trong phạm vi nêu trên. Những điều khiển còn lại chỉ cung cấp các giá trị được liệt kê. Đây là những thiết lập hữu ích thường ngày, không phải toàn bộ tùy chọn mà Prettier hỗ trợ.

Định dạng đầu ra

  • JSON tạo một đối tượng JSON phù hợp với .prettierrc.json.
  • YAML tạo các dòng khóa-giá trị phù hợp với .prettierrc.yaml.
  • JavaScript bọc cùng đối tượng trong module.exports = { ... };, phù hợp với cấu hình CommonJS .prettierrc.js.

Prettier còn hỗ trợ các tên tệp cấu hình và định dạng mô-đun khác. Trình tạo này chỉ tạo ba loại đầu ra trên. Công cụ không chạy Prettier, vì vậy hãy kiểm tra tệp đã sao chép bằng phiên bản được cài trong dự án.

Cách xử lý dữ liệu

Các điều khiển là trường dựa trên máy chủ nên giá trị tùy chọn được gửi đến máy chủ khi trang cập nhật. Trong chế độ hai bước, chúng cũng có thể xuất hiện trong URL của trang. Cấu hình Prettier thường không chứa bí mật, nhưng đừng nhập dữ liệu nhạy cảm vào các trường này hoặc URL được chia sẻ.

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

Không. Công cụ tạo 10 tùy chọn hiển thị trong biểu mẫu. Hãy tự thêm các thiết lập được hỗ trợ khác sau khi xem tài liệu của phiên bản đã cài.

Không. Công cụ tạo văn bản cấu hình nhưng không chạy Prettier. Hãy lưu tệp rồi chạy npx prettier --check . trong dự án.

Không. Đầu ra là một đối tượng phẳng duy nhất. Hãy tự thêm overrides hoặc tùy chọn riêng của plugin nếu dự án cần.

Đó là dạng CommonJS mà công cụ tạo. Nếu dự án yêu cầu cấu hình mô-đun ES, hãy điều chỉnh lệnh xuất và tên tệp cho phù hợp.

Công cụ liên quan

Bảng tham chiếu ASCII

Bảng ASCII đầy đủ từ 0 đến 127 với giá trị thập phân, thập lục phân, bát phân, nhị phân và ký hiệu tham chiếu ký tự số HTML, gồm NUL, LF và DEL.

Tham chiếu ký tự HTML

Danh sách có thể tìm kiếm các thực thể HTML, mã tên và mã số tương ứng của chúng, cùng chức năng sao chép chỉ với một cú nhấp cho các ký tự đặc biệt và biểu tượng.

Bảng tham khảo phím tắt

Tìm phím tắt mặc định theo tài liệu của VS Code, Chrome và Bash dùng GNU Readline trên macOS, Windows và Linux.

Trình giải mã mã JavaScript (JavaScript Deobfuscator)

Giải mã mã JavaScript đã được rút gọn hoặc nén bằng cách đổi tên biến, giải mã chuỗi và mảng, đảo ngược cấu trúc dòng điều khiển và làm đẹp mã.

Chuyển đổi Lưu trữ Dữ liệu

Chuyển đổi kích thước dữ liệu giữa bit, byte, kilobyte, megabyte, gigabyte, terabyte và petabyte, theo quy ước thập phân (1000) hoặc nhị phân (1024).

Trình định dạng HTML

Định dạng HTML cục bộ trong trình duyệt với thụt lề hai hoặc bốn khoảng trắng. HTML không được tải lên hoặc xác thực.

Công cụ này có phiên bản bằng các ngôn ngữ khác