关于visual-studio-code:vscode-中如何配置-eslint-支持-typescript-react-vue-做语法检查

vscode 装置了 vscode eslint 插件，关上一个我的项目目录，我的项目内装置并配置了 eslint，插件会依据以后我的项目根目录下的 eslint rule 来检测。

如果我只是关上一个 hello.ts 文件，或者关上的我的项目下没有配置 eslint，咱们怎么能力应用 eslint 检测呢？

首先会判断文件所在目录下有没有 package.json，没有的话会看上一级目录下是否存在 package.json，依照这样的规定如果咱们 用户目录或者根目录 下装置并配置了 eslint。对于我的项目目录下没有配置 eslint 的状况下，也能依照对立的规定的去做语法检测。

module.exports = {
  env: {
    browser: true,
    es2021: true,
    node: true,
  },
  extends: ["eslint:recommended", "plugin:@typescript-eslint/recommended"],
  parser: "@typescript-eslint/parser",
  parserOptions: {
    ecmaFeatures: {jsx: true,},
    ecmaVersion: "latest",
  },
  plugins: ["@typescript-eslint"],
  rules: {},}

如果须要反对 react / vue 的检测，只是须要装置 eslint-plugin-react / eslint-plugin-vue 依赖。

只是须要在 extends 配置上减少 plugin:react/recommended 和 plugin:vue/recommended 留神以后版本和插件的版本对应上。

这样就配置好了就能实现单个文件或者没有配置 eslint 的状况下的语法检测。