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

Công cụ web tương tác miễn phí giúp cấu hình trực quan mọi tùy chọn Prettier và sao chép ngay tệp .prettierrc kết quả.

Prettier là công cụ định dạng code tự động, đảm bảo phong cách nhất quán trên toàn bộ dự án và loại bỏ tranh luận về style trong code review.

Tệp cấu hình đặt ở thư mục gốc dự án, cho Prettier biết cách định dạng code.

Chọn các tùy chọn Prettier trên trang chính. Cấu hình cập nhật theo thời gian thực. Nhấp "Sao chép cấu hình" và dán JSON vào tệp .prettierrc.

Có, hoàn toàn miễn phí. Không cần đăng ký, không giới hạn sử dụng.

Có. Bao gồm mọi tùy chọn được hỗ trợ chính thức với mô tả và giá trị mặc định.

Nhấp nút "Sao chép cấu hình" trên thanh bên (desktop) hoặc nút nổi (mobile).

Cả ba đều hợp lệ. .prettierrc hỗ trợ JSON/YAML, prettier.config.js là JavaScript module, key prettier trong package.json giữ mọi thứ trong một file.

Có. Hỗ trợ sẵn TypeScript, JSX/TSX, Vue single-file component và nhiều định dạng khác.

Cài tiện ích mở rộng "Prettier - Code formatter" và thêm formatOnSave: true vào cài đặt VS Code.

Chạy npx prettier --write . tại thư mục gốc dự án.

JavaScript, TypeScript, JSX, CSS, HTML, Vue, JSON, YAML, Markdown và nhiều hơn nữa.

Tạo tệp .prettierignore ở thư mục gốc dự án.

Có. Cài eslint-config-prettier.

Cho biết độ dài dòng mục tiêu. Mặc định là 80.

singleQuote kiểm soát dấu nháy trong JS/TS, jsxSingleQuote kiểm soát thuộc tính JSX.

Dùng thanh tìm kiếm ở đầu trang.

Có. Nhấp nút chuyển đổi theme trong header.

printWidth: 80, tabWidth: 2, semi: true, singleQuote: false, trailingComma: "all".

Mở issue hoặc pull request trên GitHub repository.

Bạn có thể chọn bất kỳ bản phát hành Prettier 3.x nào trong danh sách phiên bản — từ 3.0 đến 3.6 cùng với "latest". Bundle của phiên bản được chọn sẽ tải theo yêu cầu từ jsDelivr, nên danh sách tùy chọn luôn khớp với schema thực tế của bản phát hành đó.

TypeScript, JavaScript, Flow, CSS, SCSS, Less, HTML, Vue, template Angular, JSON, JSON5, JSON kèm chú thích, Markdown, MDX, YAML và GraphQL. Parser được tự động phát hiện từ nội dung nhập, nhưng bạn có thể ghi đè bằng dropdown.

Nhấp nút chia sẻ và phiên bản Prettier hiện tại, các tùy chọn đã chọn, code và parser ghi đè được nén LZ vào hash URL, sau đó sao chép vào bộ nhớ tạm. Mở liên kết đó sẽ khôi phục đúng cấu hình ấy. Không gì được gửi lên máy chủ — tất cả nằm trong trình duyệt.

Nó cho biết phần nhập và xuất của bạn sẽ tốn bao nhiêu token AI dưới mô hình đã chọn. GPT-4o / GPT-4 / GPT-3.5 sử dụng tokenizer BPE chính thức để đếm chính xác; Claude, Gemini, Llama và Mistral dùng ước lượng dựa trên ký tự với tiền tố "~".

Có. Phiên bản Prettier, các tùy chọn đã chọn và cài đặt chế độ xem chia đôi / tokenizer đều được lưu vào localStorage, nên tải lại sẽ khôi phục mọi thứ. Hash URL chia sẻ sẽ được ưu tiên nếu nó có mặt khi bạn mở trang.

Khi parser của Prettier không thể phân tích nội dung của bạn — thường vì parser được chọn không khớp với code (ví dụ chọn CSS nhưng bạn dán JSX) — thông báo lỗi sẽ hiện trong dải đỏ phía trên diff. Đổi parser cho khớp với code và lỗi sẽ biến mất.

Có. Tab Preview có parser dropdown riêng nằm cạnh nút chuyển đổi diff, và mỗi parser đi kèm một mẫu được thiết kế riêng — CSS, SCSS, Less, HTML, Vue, Angular, JSON / JSON5 / JSONC, Markdown, MDX, YAML, GraphQL, cùng với TypeScript / JS. Việc chuyển parser sẽ định dạng lại mẫu tương ứng theo các tùy chọn hiện tại của bạn, nhờ vậy các tùy chọn riêng theo ngôn ngữ như proseWrap, htmlWhitespaceSensitivity và vueIndentScriptAndStyle đều có chỗ để thể hiện hiệu ứng. Lựa chọn của bạn được giữ lại sau khi tải lại.