TypeScript Academy · Lektion

ESLint + @typescript-eslint

Opsæt ESLint med pluginet @typescript-eslint for at finde typebevidste problemer og håndhæve en ensartet stil.

Lektion 1 af 38 trin

ESLint + @typescript-eslint er en gratis TypeScript Academy-lektion på CoddyKit. Dette er lektion 1 af 3. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i TypeScript Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. TypeScript Academy-kurset indeholder 3 lektioner i alt.

Introduktion

Mål: Brug ESLint sammen med @typescript-eslint til at finde fejl og håndhæve stil i TypeScript-projekter.

Installér

Installér ESLints kernepakke samt @typescript-eslint/parser og @typescript-eslint/eslint-plugin.

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

Konfiguration

Konfigurér ESLint til at bruge TS-parseren og anbefalede regler. Tilføj projektspecifikke regler efter behov.

// .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"
  }
};

Eksempel på linting

ESLint fremhæver manglende argumenter, ubrugte variabler og stilproblemer, når du bruger parseren med TypeScript-understøttelse.

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

greet("Ada")

greet() // ESLint error: missing arg

Typebevidste regler

Knyt tsconfig.json til parserOptions for regler, der har brug for typeoplysninger, f.eks. til at finde uhåndterede Promise-objekter.

// 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
}

Kør linting

Kør ESLint på din kodebase. Tilføj --fix for automatisk at anvende sikre rettelser.

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

Spørgsmål

Hurtig kontrol: Hvorfor bruge @typescript-eslint ud over ESLint-kernen?

Besvar den i den interaktive lektion

Opsummering

Opsummering: Installér ESLint + @typescript-eslint, konfigurér parseren, udvid med anbefalede regler, og kør lint-værktøjet med typebevidste regler for ren kode.

Gratis at komme i gang

Lær TypeScript med en AI-underviser — gratis

Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.

Kurser: 101
Lektioner: 352

Start gratis Se hele kurset

Ofte stillede spørgsmål

Er lektionen “ESLint + @typescript-eslint” gratis?

Ja — hele teksten til “ESLint + @typescript-eslint” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af TypeScript Academy-kurset, skal du opgradere til CoddyKit PRO. TypeScript Academy-kurset indeholder 3 lektioner i alt.

Hvad lærer jeg i “ESLint + @typescript-eslint”?

Opsæt ESLint med pluginet @typescript-eslint for at finde typebevidste problemer og håndhæve en ensartet stil. Du øver dig i TypeScript Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.

Skal jeg have erfaring for at begynde på TypeScript Academy?

Der kræves ingen tidligere erfaring. TypeScript Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 1 af 3.

Hvor lang tid tager lektionen “ESLint + @typescript-eslint”?

De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.

Kan jeg skrive og køre kode i denne TypeScript Academy-lektion?

Ja. Alle TypeScript Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.

Alle lektioner i dette kursus

← Tilbage til TypeScript Academy