產品說明

Biome (前身為 Rome) 是為了現代 Web 開發而生的極速工具鏈。它的目標非常單純且具野心：終結前端工具碎片化。

在傳統的 JavaScript/TypeScript 專案中，開發者通常需要同時配置 Prettier（負責程式碼格式化）與 ESLint（負責程式碼品質檢查），這不僅導致設定檔複雜（即所謂的 "Config Hell"），且隨著專案規模擴大，執行速度往往會變得難以忍受。

Biome 使用 Rust 語言從頭打造，將「格式化 (Formatter)」與「語法檢查 (Linter)」合而為一。根據基準測試，它的格式化速度比 Prettier 快上 35 倍，且能直接相容 97% 的 Prettier 規則。這意味著你可以享受瞬間完成的 CI/CD 流程，並大幅降低 IDE 的資源占用。

核心特色：

極致效能：基於 Rust 編寫，在大型專案中能以毫秒級速度完成數千個檔案的檢查與修復。
工具統一：不再需要處理 .prettierrc 與 .eslintrc 之間的衝突，一個設定檔 (biome.json) 搞定一切。
友善的錯誤提示：Biome 提供極具上下文關聯性的錯誤訊息，並直接告訴你如何修復，而非僅僅丟出錯誤代碼。
開箱即用：針對 TypeScript、JSX 甚至 JSON 都有內建的最佳實踐支援，無需安裝數十個外掛套件。

安裝指南

Biome 支援透過 npm, yarn, pnpm 等套件管理器安裝，也可以直接下載二進位檔。

Node.js 專案 (推薦)
在你的專案根目錄下執行：

# 使用 npm
npm install --save-dev --save-exact @biomejs/biome

# 使用 yarn
yarn add --dev --exact @biomejs/biome

# 使用 pnpm
pnpm add -D --save-exact @biomejs/biome

macOS (Homebrew)
若你想在全域環境使用 CLI 工具：

brew install biome

IDE 整合
強烈建議安裝 VS Code 或 IntelliJ 的官方 Biome 擴充套件，並設定 "Format on Save"，體驗會最為流暢。

使用教學

1. 專案初始化

安裝後，透過以下指令產生設定檔 biome.json：

npx @biomejs/biome init

這會在專案根目錄建立一個預設設定檔，你可以在此調整縮排風格、引號類型等規則。

2. 日常開發指令

Biome 的指令設計非常直觀，主要分為三個動作：

格式化程式碼 (Format)
將專案中所有檔案排版整齊：
```
npx @biomejs/biome format --write .
```
語法檢查 (Lint)
僅掃描程式碼中的潛在錯誤（如未使用的變數）：
```
npx @biomejs/biome lint .
```
一鍵修復 (Check) ✨ (最常用)
這是 Biome 的殺手級指令，它會同時執行「格式化」+「語法檢查」+「自動修復安全問題」：
```
npx @biomejs/biome check --apply .
```

3. 從 Prettier/ESLint 遷移

如果你現有的專案想遷移到 Biome，可以使用遷移工具來轉換設定：

npx @biomejs/biome migrate

這會嘗試讀取你現有的 Prettier 設定並轉換為 biome.json 格式。

小撇步：試著在一個充滿紅字的舊專案中執行 biome check --apply，看著幾百個格式錯誤瞬間消失，是非常療癒的體驗！