Madogiwa Blog

主に技術系の学習メモに使っていきます。

TypeScript: ESLintで`_`を変数に含めた時に`no-unused-vars`のルールを無効化する方法MEMO

Vue.jsのsetupのprops等、引数を使わないけど型定義だけ設定しときたい場合等、no-unused-varsを無効化したいケースがあります。

github.com

毎回eslint-disable-lineを使うのも手間なので、他の静的解析のツールの慣習に従って_始まりの場合は許容したかったのですが意外と簡単にできたのでメモ

やり方

やり方は簡単で以下のような設定を入れるだけです。

"rules": {
    "@typescript-eslint/no-unused-vars": [
      "warn",
      {
        "argsIgnorePattern": "^_",
        "varsIgnorePattern": "^_",
        "caughtErrorsIgnorePattern": "^_",
        "destructuredArrayIgnorePattern": "^_"
      }
    ]
  },

argsIgnorePatternが引数で、varsIgnorePatternが変数で、caughtErrorsIgnorePatternがerrorハンドリングで、destructuredArrayIgnorePatternが配列内の変数参照です。

詳細はこちら

eslint.org

参考

stackoverflow.com