ultracite

ultracita

Ultracite es una configuración de linting sólida para aplicaciones TypeScript modernas, construida en Biome. Es increíblemente obstinado y estricto, y aplica la máxima seguridad de tipos y calidad del código. Una vez que Ultracite esté configurado, automáticamente borrará, arreglará y formateará su código al guardarlo.

Instalación

Ejecute el siguiente comando para instalar Ultracite:

pnpm add -D --save-exact ultracite @biomejs/biome

Si está ejecutando VS Code, asegúrese de tener instaladas las siguientes extensiones:

code --install-extension biomejs.biome
code --install-extension bradlc.vscode-tailwindcss

Configuración

Cree un biome.json con el siguiente contenido:

{ "extends" : [ " ultracite " ] }

Ultracite está diseñado para usarse con VS Code. Cree un archivo .vscode/settings.json con el siguiente contenido para habilitar el formateo completo y corregirlo al guardar:

{
  "typescript.tsdk" : " node_modules/typescript/lib " ,
  "editor.defaultFormatter" : " biomejs.biome " ,
  "editor.formatOnSave" : true ,
  "editor.formatOnPaste" : true ,
  "emmet.showExpandedAbbreviation" : " never " ,
  "editor.codeActionsOnSave" : {
    "quickfix.biome" : " explicit " ,
    "source.organizeImports.biome" : " explicit "
  },
  "[typescript]" : {
    "editor.defaultFormatter" : " biomejs.biome "
  },
  "[json]" : {
    "editor.defaultFormatter" : " biomejs.biome "
  },
  "[javascript]" : {
    "editor.defaultFormatter" : " biomejs.biome "
  },
  "[jsonc]" : {
    "editor.defaultFormatter" : " biomejs.biome "
  },
  "[typescriptreact]" : {
    "editor.defaultFormatter" : " biomejs.biome "
  }
}

Por último, asegúrese de que su tsconfig.json (si existe) incluya su nueva configuración de ESLint y que strictNullChecks esté habilitado.

{
  "compilerOptions" : {
    "strictNullChecks" : true
  }
}

Uso

Ultracite automáticamente borrará, arreglará y formateará su código al guardarlo. Si desea ejecutar Ultracite manualmente, puede hacerlo con el siguiente comando:

npx ultracite

Configuración

Si bien Ultracite está diseñado para tener configuración cero, puede modificar lo que desee en su archivo biome.json . Por ejemplo, para habilitar la regla noAutofocus , puede hacer lo siguiente:

{
  "extends" : [ " ultracite " ],
  "linter" : {
    "rules" : {
      "a11y" : {
        "noAutofocus" : " off "
      }
    }
  }
}

También puede desactivar las reglas por línea agregando un comentario al final de la línea:

 // biome-ignore lint/security/noDangerouslySetInnerHtml: I do what I want mate.
< div dangerouslySetInnerHTML = { { ... } } / > 

Notas

Ultracite se desarrolló anteriormente en ESLint, Prettier y Stylelint. Si desea utilizar esa pila, puede instalar una versión compatible de Ultracite con el siguiente comando:

pnpm add -D ultracite@3 eslint@8 prettier stylelint typescript jest