biome linter-formatter

# 웹프로그래밍(.js, .ts, .css, ...)에서 linter 는 eslint(예전에는 quote, indent 등의 간단한 포맷팅 기능도 있었지만 prettier 등장후 포맷팅 기능은 prettier 가 전담하게 됐다.),

# formatter 는 prettier 를 사용했는데 rust 로 만든 biome(linter+formatter)가 쉽고 속도도 훨씬 빠르다.

# https://github.com/biomejs/biome

# 같은 소스에 대해서 테스를 해봤는데 biome 가 10배 이상 빨랐다.

# 설치

# 참고로 rust crates 에는 biome binary 가 없어 cargo install 이 안된다.

brew install biome

# 기본 설정 파일 biome.json

biome init

# linter 수행

biome lint .

# formatter 수행

biome format .

# linter, formatter 한번에 수행

biome check .

# eslint 설정 가져와 biome.json 에 반영

biome migrate eslint --write

# nvim > conform 사용시

return {

  "stevearc/conform.nvim",

  opts = {

  ... 생략 ...

    formatters_by_ft = {

      javascript = { "biome" },

      javascriptreact = { "biome" },

      json = { "biome" },

      jsonc = { "biome" },

      typescript = { "biome" },

      typescriptreact = { "biome" },

    },

# vscode > extensions > biome 검색해서 설치

# settings 에 기존 prettier 가 설정되어 있다면 파일별로 설정하자.

"[json]": {

  "editor.formatOnSave": true,

  "editor.defaultFormatter": "biomejs.biome"

},

"[javascript]": {

  "editor.formatOnSave": true,

  "editor.defaultFormatter": "biomejs.biome"

},

"[typescript]": {

  "editor.formatOnSave": true,

  "editor.defaultFormatter": "biomejs.biome"

},