Biome.js: Công cụ Linter và Formatter JavaScript/TypeScript Nhanh Như Rust Thay Thế ESLint và Prettier

Biome là một web toolchain (formatter + linter + LSP) được viết bằng Rust, hỗ trợ JavaScript, TypeScript, JSX, TSX, JSON, HTML, CSS, và GraphQL. Được ra mắt năm 2023, Biome nhanh chóng trở thành lựa chọn hàng đầu nhờ tốc độ vượt trội và cấu hình tối thiểu.

Biome thay thế gì?

• Prettier (formatter): Được tương thích 97% với Prettier, đảm bảo migration suôn sẻ.
• ESLint (linter): Được cập nhật hơn 526 quy tắc từ ESLint, TypeScript ESLint và các plugin liên quan.
• Tại sao nhanh hơn?: Viết bằng Rust – ngôn ngữ system programming có hiệu suất cao, tốc độ nhanh gấp 35× so với Prettier (benchmark trên 171.127 dòng code / 2.104 file).

Tính năng chính

• Formatter: Định dạng code, ngay cả đoạn code malformed, trực tiếp trong editor.
• Linter: Cung cấp chi tiết diagnostics với các auto-fix an toàn.
• LSP (Biome Language Server): Cung cấp extension first-party cho VS Code, IntelliJ, Zed.
• Assist: Cung cấp code actions / quick fixes tích hợp sẵn.
• biome check: Chạy formatter + linter + import sorting trong một lệnh duy nhất.

Cách cài đặt và sử dụng

# Cài đặt qua npm
npm install --save-dev @biomejs/biome

# Khởi tạo config (cũng có thể zero-config)
npx biome init

# Format + lint
npx biome check --write .
npx biome format --write .
npx biome lint .

Cấu hình

• Zero-config: Hoạt động ngay sau khi cài đặt, định dạng và lint theo quy tắc mặc định.
• Tuỳ chỉnh: npx biome init tạo ra file biome.json (hoặc biome.jsonc) để bạn bật/tắt formatter, chọn linter rules, cấu hình file include, v.v.

Tại sao chọn Biome?

• Tốc độ vượt trội: Xây dựng trên Rust, Biome xử lý codebase lớn trong thời gian gần như ngay lập tức, trong khi ESLint + Prettier mất vài phút.
• Giảm dependency: Thay thế cả ESLint và Prettier bằng một công cụ duy nhất, giảm kích thước node_modules và thời gian install.
• Developer experience tốt: LSP tích hợp sẵn, diagnostics thời gian thực, auto-fix an toàn, và cấu hình minimal.
• Kiến trúc tương lai: Biome đang phát triển thêm các tính năng như bundler, test runner, và type checker – hướng tới một “Supercharger” cho toàn bộ toolchain JavaScript.

Nếu bạn đang tìm kiếm một giải pháp nhanh, nhẹ và hiện đại để thay thế ESLint + Prettier trong dự án tiếp theo, Biome chính là lựa chọn đáng để thử.

Nguồn tham khảo:
1. https://biomejs.dev – Trang chủ chính thức
2. https://biomejs.dev/guides/getting-started/ – Hướng dẫn bắt đầu
3. https://biomejs.dev/reference/cli/ – Tài liệu CLI