eslint+typescript-eslint-parser
参考我的另一篇文章
https://www.yuque.com/lijunyang/dk90s4/gdhwkn
补充:eslint ^5.16.0 当你安装此版本以上的eslint时,然后执行eslint —init时,在创建步骤中,已经会提示你是否使用typescript,并且会提示你是否安装与typescript相关的一下依赖,下面是一个例子,它可能会让你安装以下内容
下面是package.json的devDependencies配置
{"devDependencies": {"@typescript-eslint/eslint-plugin": "^2.3.3","babel-eslint": "^8.0.3","eslint": "^5.16.0","eslint-config-airbnb": "^18.0.1","eslint-config-aliyun": "^2.1.1","eslint-plugin-import": "^2.17.1","eslint-plugin-jsx-a11y": "^6.2.3","eslint-plugin-react": "^7.16.0",}}
还有可能会让你安装下面的内容
npm install —save-dev eslint-plugin-react@latest @typescript-eslint/eslint-plugin@latest @typescript-eslint/parser@latest
eslint —init创建步骤执行完毕后会生成一个.eslintrc.js 下面是一个例子
module.exports = {"env": {"browser": true,"es6": true},"extends": ["eslint:recommended","plugin:@typescript-eslint/eslint-recommended"],"globals": {"Atomics": "readonly","SharedArrayBuffer": "readonly"},"parser": "@typescript-eslint/parser","parserOptions": {"ecmaFeatures": {"jsx": true},"ecmaVersion": 2018,"sourceType": "module"},"plugins": ["react","@typescript-eslint"],"rules": {}};
安装好以后可以通过,下面这条语句进行验证
eslint “./xxx/xxx.ts”
还可以加上—fix,自动修复一些错误
eslint “./xxx/xxx.ts” —fix
