VsCode 配置eslint，支持typescript的语法检查，及时发现低级语法错误，包括函数未定义等行为

为了在Visual Studio Code (VSCode) 中配置 ESLint 以支持 TypeScript 语法检查并快速发现低级语法错误，你需要按照以下步骤操作：

1. 确保你已经安装了 Node.js 和 npm。
2. 安装 ESLint 和 TypeScript 相关依赖：

npm install eslint eslint-plugin-import eslint-plugin-react --save-dev
npm install @typescript-eslint/parser @typescript-eslint/eslint-plugin --save-dev

3. 在项目根目录下创建一个 .eslintrc.json 文件，并添加以下配置：

{
  "parser": "@typescript-eslint/parser",
  "plugins": ["@typescript-eslint"],
  "extends": [
    "plugin:@typescript-eslint/recommended",
    "plugin:react/recommended"
  ],
  "rules": {
    // 在这里添加或覆盖规则
  }
}

4. 确保 tsconfig.json 文件存在，因为 ESLint 会用到它来确定如何解析 TypeScript 代码。
5. 在 VSCode 的设置中添加以下配置以确保 ESLint 被加载：

{
  "eslint.enable": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "typescript",
      "autoFix": true
    },
    {
      "language": "typescriptreact",
      "autoFix": true
    }
  ]
}

6. 如果你的项目中包含自定义 ESLint 规则，确保你已经安装了相关的插件，并在 .eslintrc.json 中正确配置了 plugins 和 extends。
7. 重新加载 VSCode 以确保所有配置生效。

现在，当你在 VSCode 中编写 TypeScript 代码时，ESLint 将会提供即时的语法检查，并在问题发现时提示错误或警告。