ultracite

Ultrasit

Ultracite adalah konfigurasi linting yang kuat untuk aplikasi TypeScript modern, yang dibangun di Biome. Ini sangat berpendirian keras dan ketat, menerapkan keamanan jenis dan kualitas kode secara maksimal. Setelah Ultracite diatur, Ultracite akan secara otomatis menyaring, memperbaiki, dan memformat kode Anda saat disimpan.

Instalasi

Jalankan perintah di bawah ini untuk menginstal Ultracite:

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

Jika Anda menjalankan VS Code, pastikan Anda telah menginstal ekstensi berikut:

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

Pengaturan

Buat biome.json dengan konten berikut:

{ "extends" : [ " ultracite " ] }

Ultracite dirancang untuk digunakan dengan VS Code. Buat file .vscode/settings.json dengan konten berikut untuk mengaktifkan pemformatan penuh dan perbaikan saat penyimpanan:

{
  "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 "
  }
}

Terakhir, pastikan tsconfig.json Anda (jika ada) menyertakan konfigurasi ESLint baru dan strictNullChecks diaktifkan.

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

Penggunaan

Ultracite akan secara otomatis menyaring, memperbaiki, dan memformat kode Anda saat disimpan. Jika Anda ingin menjalankan Ultracite secara manual, Anda dapat melakukannya dengan perintah berikut:

npx ultracite

Konfigurasi

Meskipun Ultracite dirancang untuk menjadi zero-config, Anda dapat memodifikasi apa pun yang Anda inginkan di file biome.json Anda. Misalnya, untuk mengaktifkan aturan noAutofocus , Anda dapat melakukan hal berikut:

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

Anda juga dapat menonaktifkan aturan per baris dengan menambahkan komentar di akhir baris:

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

Catatan

Ultracite sebelumnya dibangun di ESLint, Prettier dan Stylelint. Jika Anda ingin menggunakan tumpukan tersebut, Anda dapat menginstal versi Ultracite yang kompatibel dengan perintah berikut:

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