使用 biomejs 进行代码格式化

前言

很久以前写了一个专门用于 JSX 的 eslint plugin，主要是应用于 Solidjs 的项目，但依然有很多不满意的地方，甚至经常会出现 BUG。最近看到一个 https://biomejs.dev/ 能够完美满足 JSX 的格式化需求，那就直接用这个工具吧。

配置

在工程的根目录下创建 biome.json，下面是我的配置。

{
  "$schema": "https://biomejs.dev/schemas/1.5.3/schema.json",
  "organizeImports": {
    "enabled": true
  },
  "linter": {
    "enabled": true,
    "rules": {
      "recommended": true
    }
  },
  "formatter": {
    "indentStyle": "space",
    "indentWidth": 2
  },
  "javascript": {
    "formatter": {
      "semicolons": "asNeeded",
      "quoteStyle": "single"
    }
  }
}

完成后，在 packages.json 中，增加一条运行脚本：

{
  "scripts": {
    "format": "pnpm dlx @biomejs/biome format --write"
  }
}

即可通过下面的命令行来执行格式化了。

pnpm run format ./src

#formatter #linter