在打字稿文件上启用Eslint

Question

在webstorm eslint设置中，有一个“额外的eslint选项”字段。 在此，我补充道：

--ext .ts

来自eslint documentation的

，它应该允许eslint处理自定义文件扩展名，在本例中为.ts文件。 这什么都不做。我的语法错了吗？无论如何要在.ts文件上启用Eslint，可能来自.eslintrc文件？

Answer 1

--ext允许使用自定义javascript扩展，您不能通过向其传递不同的文件扩展名来强制ESLint使用JavaScript以外的语言。

您可以尝试使用typescript-eslint-parser为Typescript启用ESLint - 它允许从typescript代码构建语法树，该代码可以传递给ESLint进行linting。

但是我建议使用Typescript链接来检查TypeScript代码。例如，您可以尝试TSLint。

更新：自2017.1.3起，WebStorm支持ESLint + typescript-eslint-parser;您只需安装typescript插件和typescript-eslint-parser并相应地修改您的ESLint配置：

"parser": "typescript-eslint-parser",
"plugins": ["typescript"]

Answer 2

2020年答案：

我的问题是，即使VS Code对于相同的文件运行正常（显示警告/错误），ESLint错误/警告也没有显示在WebStorm for .ts文件的“问题”选项卡中。

解决方案：

1. 按CTRL + SHIFT + A

---

1. 搜索“注册表...”
   

---

1. 开始键入eslint.additional.file.extensions来查找该注册表项

---

1. 将eslint.additional.file.extensions的值设置为js,ts（如上面的屏幕截图所示）

为确保确定，您可能应该重新启动编辑器。这对我有用（错误/警告开始出现在“问题”部分，就像在VS Code中一样），并且我正在使用@typescript-eslint/[somethinghere]规则等。

Answer 3

尝试将此行添加到您的.eslintrc.json

"plugins": ["typescript"]

就我而言，我使用以下配置对我的.vue和.ts文件进行了格式设置：

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