VSC中的ESLint不适用于.ts和.tsx文件

VSC中的ESLint是一款用于静态代码分析的工具，它用于帮助开发者发现代码中的错误、潜在的问题以及提供代码风格规范的建议。然而，ESLint默认情况下并不适用于.ts和.tsx文件，因为这些文件通常用于TypeScript编程语言和TypeScript的React组件开发。

要在VSC中使用ESLint来检测.ts和.tsx文件，我们需要进行以下步骤：

1. 安装必要的依赖：首先，确保你已经在项目中安装了ESLint及相关的TypeScript插件。可以通过在项目根目录下运行以下命令来安装这些依赖：

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

1. 配置.eslintrc文件：在项目根目录下创建一个名为.eslintrc的文件，并配置以下内容：

{
  "parser": "@typescript-eslint/parser",
  "plugins": ["@typescript-eslint"],
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended"
  ],
  "parserOptions": {
    "ecmaVersion": 2020,
    "sourceType": "module",
    "project": "./tsconfig.json"
  },
  "rules": {
    // 在这里可以添加或修改需要的规则
  }
}

这个配置文件告诉ESLint使用TypeScript解析器来解析.ts和.tsx文件，并且扩展了一些推荐的TypeScript规则。

1. 配置VSCode设置：打开VSCode的设置（通过菜单栏的文件 -> 首选项 -> 设置或快捷键Ctrl + ,），添加以下配置项：

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

这个配置项告诉VSC使用ESLint来验证JavaScript、JavaScript React、TypeScript和TypeScript React文件，并且在保存文件时自动修复错误。

完成上述步骤后，ESLint将会适用于.ts和.tsx文件，并且在编辑器中显示错误和警告。你可以根据自己的需求修改和扩展.eslintrc文件中的规则，以满足项目的编码规范和要求。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），可以提供高性能、可扩展的云计算资源，帮助开发者部署和运行他们的应用程序。详情请参考腾讯云云服务器产品介绍：腾讯云云服务器（CVM）。