Question

我在VSC中安装了ESLint扩展名，并且对.js文件运行良好。现在，我已经将Typescript引入我的React项目，ESLint不再在VSC中即时运行。

我的项目根目录中有一个.eslintrc文件，如下所示：

{
  "parser": "@typescript-eslint/parser",
  "extends": [
    "airbnb",
    "plugin:@typescript-eslint/recommended"
  ],
  "env": {
    "browser": true,
    "node": true,
    "serviceworker": true
  },
  "parserOptions": {
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "settings": {
    "react": {
      "version": "detect"
    },
    "import/resolver": {
      "node": {
        "extensions": [".js", ".jsx", ".ts", ".tsx"]
      }
    }
  },
  "rules": {
    "@typescript-eslint/indent": ["error", 2],
    "indent": "off",
    "jsx-a11y/anchor-is-valid": ["error", {
      "aspects": ["invalidHref", "preferButton"]
    }],
    "no-console": ["error", {
      "allow": ["error", "info"]
    }],
    "react/no-danger": 0
  }
}

我有一个如下所示的npm脚本：

"scripts": {
  "eslint": "eslint . --ext .js,.jsx,.ts,.tsx",
},

如果我运行npm run eslint，则整个项目将正确掉毛。为了使该项目在VSC中用红色的波浪线飞奔，我需要做什么？

Answer 1

假设您在Visual Studio Code上安装了eslint扩展名，则应在设置中添加以下内容。

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

这将使eslint可以查看打字稿文件和javascript文件。

VSC中的ESLint无法用于.ts和.tsx文件

1 个答案: