ESLint และ @typescript-eslint

บทนำ

ติดตั้ง

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

การกำหนดค่า

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

ตัวอย่างการตรวจรูปแบบ

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

greet("Ada")

greet() // ESLint error: missing arg

กฎที่เข้าใจชนิดข้อมูล

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

เรียกใช้การตรวจรูปแบบ

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

คำถาม

สรุปทบทวน