web-dev-qa-db-ja.com

TypeScriptファイルでEslintを有効にする

ウェブストームのエスリント設定には、「追加のエスリントオプション」フィールドがあります。これに、私は追加しました:

--ext .ts

eslintから documentation eslintがカスタムファイル拡張子(この場合は.tsファイル)で機能できるようにすることになっています。これは何もしません。構文が間違っていますか?とにかく.tsファイルでEslintを有効にするには、おそらく.eslintrcファイルから?

11
Robert Brax

--extを使用すると、カスタムJavaScript拡張機能を使用できます。別のファイル拡張子を渡して、ESLintをJavaScript以外の言語で動作させることはできません。

TypeScript-eslint-parser を使用してTypeScriptのESLintを有効にすることができます。これにより、TypeScriptコードから構文解析ツリーを構築し、リンティングのためにESLintに渡すことができます。

ただし、TypeScriptコードの検査にはTypeScriptリンターを使用することをお勧めします。たとえば TSLint を試すことができます。

更新:2017.1.3以降、WebStormはESLint + TypeScript-eslint-parserをサポートします。 TypeScriptプラグインとTypeScript-eslint-parserの両方をインストールし、それに応じてESLint構成を変更するだけです。

"parser": "TypeScript-eslint-parser",
"plugins": ["TypeScript"]
17
lena

この行を.eslintrc.jsonに追加してみてください

"plugins": ["TypeScript"]

私の場合、私はeslintフォーマットを.vue と私 .tsこの構成を使用してファイル:

{
  "parser": "vue-eslint-parser",
  "parserOptions": {
     "parser": "TypeScript-eslint-parser"
   },
  "extends": [
     "eslint:recommended",
     "plugin:vue/recommended",
     "TypeScript"
  ],
  "plugins": ["TypeScript"]
}
0
Marie