reactjs - 使用 typescript react CRA 不适用于 eslint

Question

我正在尝试将 linting 集成到使用 CRA 创建的应用程序中，该应用程序使用 typescript。

在终端重现的步骤

• create-react-app my-app --typescript
• ./node_modules/.bin/eslint --init
  • select :检查语法、发现问题并强制执行代码风格
  • 选择:JavaScript 模块(导入/导出)
  • 选择: react
  • y 你的项目是否使用 typescript
  • 选择:浏览器
  • 使用的流行风格指南是 airbnb

我的 .eslintrc json 文件如下所示

{
    "env": {
        "browser": true,
        "es6": true
    },
    "extends": [
        "airbnb"
    ],
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly"
    },
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": 2018,
        "sourceType": "module"
    },
    "plugins": [
        "react",
        "@typescript-eslint"
    ],
    "rules": {
      "semi":"warn"
    }
}

我通常通过删除分号来检查 lint 是否有效，以查看 vs 代码是否突出显示。

然而它并没有发生。

Answer 1

将以下代码片段添加到 VS 代码上的 settings.json 即可。

"eslint.validate": [
  "javascript",
  "javascriptreact",
  "typescript",
  "typescriptreact"
],