[解決済み] ESLint - TypeScriptの "no-unused-vars "を設定する。
質問
私はすべてのTypeScriptプロジェクトで、以下の設定でESLintを使用しています。
"extends": ["airbnb", "prettier", 'plugin:vue/recommended'],
"plugins": ["prettier"],
"parserOptions": {
"parser": "@typescript-eslint/parser",
"ecmaVersion": 2018,
"sourceType": "module"
},
-
には、たくさんのカスタムルールがあります。TypeScript対応のため、以下の依存関係もインストールしました。
"@typescript-eslint/eslint-plugin": "^1.7.0", "@typescript-eslint/parser": "^1.7.0",
しかし、ESLintの最も便利なルールの1つ。 https://eslint.org/docs/rules/no-unused-vars は、TypeScriptプロジェクトに対して非常に貧弱に設定されているようです。例えば、enumをエクスポートすると、そのルールはenumが宣言されているファイルでは使用されていないと警告してきます。
export enum Foo {
Bar,
}
同様に、型として使用するインターフェースやクラスをインポートした場合、 'no-unused-vars' は実際のインポートの行で再び文句を言うでしょう。
Foo.ts において
export interface Foo {
bar: string;
}
bar.tsの中で
import { Foo } from './Foo'
const bar: Foo = { bar: 'Hello' };
これらの 2 つのケースを考慮するために no-unused-vars 規則を設定する方法はありますか? これらのケース以外では、私のルールセット全体の中で最も有用なルールの 1 つであるため、このルールを無効にするのは好きではありません。
私はすでに、エラーの代わりに警告を与えるだけのルールに格下げしました。しかし、私のすべての文書が警告で満たされることは、まだesLintを使用する目的を打ち壊すようなものです。
提案されたように、私のすべてのドキュメントを //eslint-disable-line で埋めてください。 ここで も悪い解決策のように思えます。
どのように解決するのですか?
に少し埋もれています。 ドキュメント にあるように、'extends' プロパティにいくつかのものを追加すると、ESLint が推奨する no-unused-vars のようなルールと、実際に Typescript で動作させることの両方が可能になります。こんな感じで。
"extends": [
"eslint:recommended",
"plugin:@typescript-eslint/eslint-recommended",
"plugin:@typescript-eslint/recommended"
],
typescript-eslint/recommended は eslint:recommended が Typescript の構造を効果的に扱えるようにするためのものだと思われます。しかし、それが他の拡張機能にどのような影響を与えるかはわかりません。
関連
-
[解決済み] 特定の行のeslintルールをオフにする
-
[解決済み] TypeScriptで文字列を数値に変換する方法とは?
-
[解決済み] TypeScript で `window` に新しいプロパティを明示的に設定するにはどうすればよいですか?
-
[解決済み] TypeScriptでの取得と設定
-
[解決済み] 特定のファイルに対するeslintルールをオフにする
-
[解決済み】TypeScriptのインターフェースと型について
-
[解決済み] TypeScript "this" scoping issue when called in jquery callback.
-
[解決済み] 他のプロパティを使用できる TypeScript インターフェース
-
[解決済み] types/packageでインストールしたTypeScriptの型定義が正しくない場合に上書きする方法
-
[解決済み] vs-codeで複数のtsconfigファイルを使用するには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] tsc が `TS2307: Cannot find module` for a local file をスローします。
-
[解決済み] tsconfig.jsonのtargetは何のためにあるのですか?
-
[解決済み] タイプスクリプト。カスタムタイプに対する typeof のチェック
-
[解決済み] モジュールと名前空間 - Import vs Require Typescript
-
[解決済み] Visual Studio コード自動インポート
-
[解決済み] TypeScriptで強く型付けされた配列の作成
-
[解決済み] Typescriptで<T>は何を意味するのですか?
-
[解決済み] TypeScriptで単一のプロパティをオプションにする
-
[解決済み] TypeScript 2: 型付けされていない npm モジュールのためのカスタム型付け
-
[解決済み] TypeScriptのInterfacesでgetter/setterを使用することは可能ですか?重複