Question 1

Prettier Config Generator là gì?

Accepted Answer

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ả.

Question 2

Prettier là gì và tại sao nên dùng?

Accepted Answer

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.

Question 3

Tệp .prettierrc là gì?

Accepted Answer

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

Question 4

Cách sử dụng công cụ này để tạo cấu hình?

Accepted Answer

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.

Question 5

Prettier Config Generator có miễn phí không?

Accepted Answer

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

Question 6

Công cụ này có bao gồm tất cả tùy chọn Prettier không?

Accepted Answer

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.

Question 7

Cách sao chép và sử dụng cấu hình đã tạo?

Accepted Answer

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

Question 8

.prettierrc, prettier.config.js và key prettier trong package.json khác nhau thế nào?

Accepted Answer

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.

Question 9

Prettier có hoạt động với TypeScript, React và Vue không?

Accepted Answer

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

Question 10

Cách tích hợp Prettier với VS Code?

Accepted Answer

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

Question 11

Cách chạy Prettier cho toàn bộ dự án?

Accepted Answer

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

Question 12

Prettier hỗ trợ những ngôn ngữ và loại file nào?

Accepted Answer

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

Question 13

Cách loại trừ file khỏi định dạng Prettier?

Accepted Answer

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

Question 14

Có thể dùng Prettier cùng ESLint không?

Accepted Answer

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

Question 15

Tùy chọn printWidth làm gì?

Accepted Answer

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

Question 16

singleQuote và jsxSingleQuote khác nhau thế nào?

Accepted Answer

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

Question 17

Cách sử dụng tính năng tìm kiếm trên trang?

Accepted Answer

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

Question 18

Trang có hỗ trợ chế độ tối không?

Accepted Answer

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

Question 19

Cấu hình mặc định của Prettier là gì?

Accepted Answer

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

Question 20

Cách báo lỗi hoặc đóng góp cho dự án?

Accepted Answer

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

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