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