Prettier Config

Prettier Config

Giới thiệu

Giới thiệu Prettier Config

Công cụ miễn phí, mã nguồn mở giúp các nhà phát triển cấu hình Prettier dễ dàng.

Công cụ này là gì?

Prettier Config Generator là ứng dụng web tương tác giúp cấu hình Prettier trở nên đơn giản. Thay vì viết JSON thủ công và tra từng tùy chọn trong tài liệu, bạn có thể bật/tắt và điều chỉnh trực quan mọi cài đặt Prettier, định dạng code thực với cấu hình của bạn trên 16 ngôn ngữ, và chia sẻ kết quả chỉ bằng một liên kết. Nó được tạo cho những lập trình viên muốn dành thời gian để viết code, chứ không phải cấu hình công cụ.

Tính năng

Nhập cấu hình hiện có của bạn

Dán một .prettierrc, prettier.config.js, hoặc key prettier từ package.json hiện có — biểu mẫu sẽ tự điền cho khớp. Tinh chỉnh, chia sẻ hoặc sao chép ra, mọi key đều được giữ nguyên.

Mọi phiên bản Prettier

Chọn bất kỳ bản phát hành Prettier 3.x nào (3.0 – 3.6 và latest). Các tùy chọn chính xác cho phiên bản đó được tải theo yêu cầu từ jsDelivr.

Mọi ngôn ngữ, cả hai tab

Preview đi kèm mẫu được thiết kế riêng cho từng parser (TypeScript / JS, CSS, HTML, JSON / JSON5 / JSONC, Markdown, YAML, Vue, GraphQL và nhiều nữa) để mọi tùy chọn của Prettier đều có chỗ thể hiện hiệu ứng. Your Code tự động phát hiện parser từ nội dung bạn dán, kèm tùy chọn ghi đè thủ công.

Trình soạn thảo code thực sự

CodeMirror 6 vận hành khung nhập với tô sáng cú pháp, số dòng, thụt lề bằng tab và giao diện chạy theo chế độ sáng/tối.

Cấu hình chia sẻ được

Nhấp Share và phiên bản, tùy chọn, code cùng parser của bạn được đóng gói vào hash URL. Gửi đi đâu cũng được; mọi thứ vẫn nằm trong trình duyệt.

Diff kiểu GitHub

Xem chính xác Prettier đã thay đổi những gì với diff hợp nhất hoặc chia đôi, kèm tiêu đề tóm tắt +X / −Y giống y như pull request.

Bộ đếm token AI

Đếm token trực tiếp cho phần nhập và xuất với GPT-4o, GPT-4, GPT-3.5, Claude, Gemini, Llama 3 và Mistral — tiện cho việc ước tính chi phí pipeline AI.

Hiển thị lỗi phân tích

Khi Prettier từ chối nội dung của bạn, đúng SyntaxError và line:column hiện ngay phía trên diff thay vì bị âm thầm bỏ qua.

Lựa chọn được lưu lại

Phiên bản Prettier và các lựa chọn tùy chọn được lưu vào localStorage, nên tải lại — hoặc quay lại ngày mai — vẫn giữ nguyên mọi thứ.

20 ngôn ngữ

Được bản địa hóa đầy đủ ở tiếng Anh, Thái, Trung, Tây Ban Nha, Hindi, Đức, Pháp, Bồ Đào Nha, Nhật, Hàn, Nga, Việt, Indonesia, Ý, Ba Lan, Thổ Nhĩ Kỳ, Ukraina, Bengal, cùng với Ả Rập và Ba Tư (RTL).

Công nghệ sử dụng

Next.js 16React 19TypeScriptTailwind CSS v4shadcn/uinext-intlCodeMirror 6prettier/standalone (CDN)lz-string

Mã nguồn mở

Công cụ này hoàn toàn miễn phí và mã nguồn mở. Đóng góp, báo lỗi và góp ý luôn được chào đón.

Xem trên GitHub

Tác giả

Được tạo bởi

NooobtimeX

Được xây dựng với tâm huyết cho cộng đồng nhà phát triển. Nếu thấy hữu ích, hãy star repository trên GitHub.