0Pricing
TypeScript Academy · Pelajaran

ESLint + @typescript-eslint

Siapkan ESLint dengan plugin @typescript-eslint untuk menemukan masalah yang berkaitan dengan tipe dan menerapkan gaya yang konsisten.

ESLint + @typescript-eslint adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 3. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar TypeScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus TypeScript Academy mencakup 3 pelajaran total.

Pengantar

Tujuan: Gunakan ESLint bersama @typescript-eslint untuk menemukan kesalahan dan menegakkan gaya dalam proyek TypeScript.

Memasang

Pasang ESLint inti serta @typescript-eslint/parser dan @typescript-eslint/eslint-plugin.

npm install --save-dev eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin

Konfigurasi

Konfigurasikan ESLint agar menggunakan pengurai TS dan aturan yang direkomendasikan. Tambahkan aturan khusus proyek sesuai kebutuhan.

// .eslintrc.js
module.exports = {
  parser: "@typescript-eslint/parser",
  plugins: ["@typescript-eslint"],
  extends: [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended"
  ],
  rules: {
    "@typescript-eslint/no-unused-vars": "warn"
  }
};

Contoh pemeriksaan gaya

ESLint menyoroti argumen yang kurang, variabel yang tidak digunakan, dan masalah gaya saat menggunakan pengurai yang memahami TS.

// demo.ts
function greet(name: string) {
  console.log("Hello", name)
}

greet("Ada")

greet() // ESLint error: missing arg

Aturan yang memahami tipe

Hubungkan ke tsconfig.json dalam parserOptions untuk aturan yang memerlukan informasi tipe, misalnya mendeteksi Promise yang tidak ditangani.

// tsconfig.json must be linked for type-aware rules
{
  "parserOptions": {
    "project": "./tsconfig.json"
  }
}

// Example: no-floating-promises
async function f() {
  fetch("/api") // ESLint error: unhandled promise
}

Menjalankan pemeriksaan gaya

Jalankan ESLint pada basis kode Anda. Tambahkan --fix untuk menerapkan perbaikan aman secara otomatis.

npx eslint "src/**/*.{ts,tsx}" --fix

Pertanyaan

Pemeriksaan singkat: Mengapa menggunakan @typescript-eslint selain inti ESLint?

Rangkuman

Rangkuman: Pasang ESLint + @typescript-eslint, konfigurasikan pengurai, perluas konfigurasi yang direkomendasikan, lalu jalankan pemeriksa gaya dengan aturan yang memahami tipe untuk menghasilkan kode yang rapi.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “ESLint + @typescript-eslint” gratis?

Ya — teks lengkap “ESLint + @typescript-eslint” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus TypeScript Academy, upgrade ke CoddyKit PRO. Kursus TypeScript Academy mencakup 3 pelajaran total.

Apa yang akan aku pelajari di “ESLint + @typescript-eslint”?

Siapkan ESLint dengan plugin @typescript-eslint untuk menemukan masalah yang berkaitan dengan tipe dan menerapkan gaya yang konsisten. Kamu berlatih TypeScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai TypeScript Academy?

Tidak diperlukan pengalaman sebelumnya. TypeScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 3.

Berapa lama pelajaran “ESLint + @typescript-eslint” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran TypeScript Academy ini?

Ya. Setiap pelajaran TypeScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. ESLint + @typescript-eslint
  2. Integrasi Prettier & konflik aturan
  3. Kumpulan aturan umum di dunia nyata
← Kembali ke TypeScript Academy