eslint+typescript-eslint-parser
    参考我的另一篇文章
    https://www.yuque.com/lijunyang/dk90s4/gdhwkn

    补充:eslint ^5.16.0 当你安装此版本以上的eslint时,然后执行eslint —init时,在创建步骤中,已经会提示你是否使用typescript,并且会提示你是否安装与typescript相关的一下依赖,下面是一个例子,它可能会让你安装以下内容

    下面是package.json的devDependencies配置

    1. {
    2. "devDependencies": {
    3. "@typescript-eslint/eslint-plugin": "^2.3.3",
    4. "babel-eslint": "^8.0.3",
    5. "eslint": "^5.16.0",
    6. "eslint-config-airbnb": "^18.0.1",
    7. "eslint-config-aliyun": "^2.1.1",
    8. "eslint-plugin-import": "^2.17.1",
    9. "eslint-plugin-jsx-a11y": "^6.2.3",
    10. "eslint-plugin-react": "^7.16.0",
    11. }
    12. }

    还有可能会让你安装下面的内容
    npm install —save-dev eslint-plugin-react@latest @typescript-eslint/eslint-plugin@latest @typescript-eslint/parser@latest

    eslint —init创建步骤执行完毕后会生成一个.eslintrc.js 下面是一个例子

    1. module.exports = {
    2. "env": {
    3. "browser": true,
    4. "es6": true
    5. },
    6. "extends": [
    7. "eslint:recommended",
    8. "plugin:@typescript-eslint/eslint-recommended"
    9. ],
    10. "globals": {
    11. "Atomics": "readonly",
    12. "SharedArrayBuffer": "readonly"
    13. },
    14. "parser": "@typescript-eslint/parser",
    15. "parserOptions": {
    16. "ecmaFeatures": {
    17. "jsx": true
    18. },
    19. "ecmaVersion": 2018,
    20. "sourceType": "module"
    21. },
    22. "plugins": [
    23. "react",
    24. "@typescript-eslint"
    25. ],
    26. "rules": {
    27. }
    28. };

    安装好以后可以通过,下面这条语句进行验证
    eslint “./xxx/xxx.ts”
    还可以加上—fix,自动修复一些错误
    eslint “./xxx/xxx.ts” —fix