VSCode下使用ESLint检查TS代码

原文地址,这里只是记录,方便后期自用

直接安装

如果已经使用初始化过项目,直接yarn add @typescript-eslint/parser @typescript-eslint/eslint-plugin -D

1. yarn init -y初始化
2. yarn add typescript -g如果安装过可以跳过
3. tsc --init初始化tsconfig.json文件
4. yarn add eslint -D安装eslint
5. yarn add @typescript-eslint/parser @typescript-eslint/eslint-plugin -D
6. 项目根目录下配置eslintrc文件

   {
     "parser": "@typescript-eslint/parser",
     "plugins": ["@typescript-eslint"],
     "parserOptions": {
         "ecmaVersion": 6,
         "sourceType": "module"
     },
     "extends": [
         "eslint:recommended",
         "plugin:@typescript-eslint/eslint-recommended",
         "plugin:@typescript-eslint/recommended"
     ],
     "env": {
         "node": true,
         "browser": true,
         "commonjs": true,
         "es6": true,
         "jquery": true
     },
     "rules": {
         "linebreak-style": ["error", "windows"],
         "no-console":"off",
         "no-mixed-requires":"off"
     }
   }
   

注意前提是vscode已经安装了eslint插件,如果没有生效注意查看是否开启