web-dev-qa-db-fra.com

Activation d'Eslint sur des fichiers TypeScript

Sur le paramètre eslint webstorm, il y a un champ "options extra eslint". En cela, j'ai ajouté:

--ext .ts

de eslint documentation qui est censé permettre à eslint de fonctionner avec une extension de fichier personnalisée, dans ce cas des fichiers .ts. Cela ne fait rien. Est-ce que ma syntaxe est fausse? Quoi qu'il en soit pour activer Eslint sur les fichiers .ts, peut-être à partir du fichier .eslintrc?

typescriptwebstormeslint
7
Robert Brax

--ext permet d'utiliser des extensions javascript personnalisées. Vous ne pouvez pas forcer ESLint à fonctionner pour des langages autres que JavaScript en lui transmettant une extension de fichier différente.

Vous pouvez essayer d'utiliser TypeScript-eslint-parser pour activer ESLint pour TypeScript - cela permet de créer un arbre de syntaxe à partir de code TypeScript pouvant être transmis à ESLint pour le lintage.

Mais je suggérerais d'utiliser des linters TypeScript pour inspecter le code TypeScript. Vous pouvez essayer TSLint , par exemple.

Update : depuis 2017.1.3, WebStorm prend en charge ESLint + TypeScript-eslint-parser; vous devez simplement installer les plug-ins TypeScript et TypeScript-eslint-parser et modifier votre configuration ESLint en conséquence:

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

Essayez d’ajouter cette ligne à votre .eslintrc.json

"plugins": ["TypeScript"]

Dans mon cas, j’ai fait en format eslint mes fichiers .vue et .ts en utilisant cette configuration:

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