[개발] 요즘 주목받는 고성능 린터, Biome

anpigon -

최근 biome이라는 린터를 사용해보고 있는데, 성능이 정말 끝내줍니다.
Prettier와 97% 호환되며, JavaScript, TypeScript, JSX, CSS 및 GraphQL를 지원하고
러스트로 개발되어 속도가 아주 빠릅니다.
그리고 설치와 설정이 간단하여 쉽게 활용할 수 있다는 점도 큰 장점입니다.
앞으로 새로 시작하는 프로젝트에는 biome을 사용하는 것이 좋다고 생각해요.

공식 가이드: https://biomejs.dev/guides/getting-started/

설치


npm install --save-dev --save-exact @biomejs/biome


biome.json 파일 예시:

{
    "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
    "formatter": {
        "enabled": true
    },
    "linter": {
        "rules": {
            "suspicious": {
                "noExplicitAny": "off"
            }
        }
    }
}

사용 방법


# 파일 포맷팅
npx @biomejs/biome format --write ./src

# 린트 실행 후 안전한 수정 적용
npx @biomejs/biome lint --write ./src

# 포맷팅, 린트 등 전체 실행 후 수정 적용
npx @biomejs/biome check --write ./src

# CI 환경에서 전체 파일 검증
npx @biomejs/biome ci ./src

VSCode 확장 프로그램


설치 링크: https://marketplace.visualstudio.com/items?itemName=biomejs.biome

settings.json 설정:

{
    "editor.defaultFormatter": "biomejs.biome"
}