前端规范【五】biomejs自动化工具-ultracite

143 阅读1分钟

前言

感觉和autful/eslint-config 一样, biomejs也有了自己的自动化工具 不过有了新的东西 包括ai工具调用的钩子和 格式化的md 文档

安装

npx ultracite@latest init

然后根据提示 选择自己的配置

image-1.png

配置

如果你需要扩展biomejs 的配置 去继承 ultracite 提供的配置就行了

{
  "extends": ["ultracite/core", "ultracite/react"] 
}

image.png

集成

{
  "scripts": {
    "check": "npx ultracite check --diagnostic-level warn",
    "fix": "npx ultracite@latest fix --unsafe"
  }
}

vscode 插件 需要安装的插件

biomejs tailwindcss unocss

其他

执行命令可以帮你检查你的配置是否正确

npx ultracite doctor

支持

image-2.png

biomejs 也支持vue了 虽然是实验性的

详细配置

见我另外的一篇文章

前端规范【三】 biomejs2.x + lefthook + commitlint

哈哈 目前就等待oxlint + oxfmt 能一键配置了,不过还没支持vue