从Angular 11版本开始,Angular团队已经宣布停止支持TSLint,并推荐使用ESLint作为代码检查工具。使用ESLint替代TSLint需要一些配置步骤,以下是在Angular项目中使用ESLint的一般步骤:
npm install eslint @angular-eslint/eslint-plugin @angular-eslint/eslint-plugin-template @angular-eslint/template-parser @typescript-eslint/eslint-plugin @typescript-eslint/parser --save-dev
{
"root": true,
"overrides": [
{
"files": ["*.ts"],
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaVersion": 2018,
"sourceType": "module"
},
"plugins": ["@angular-eslint/eslint-plugin"],
"extends": [
"plugin:@angular-eslint/recommended"
]
}
]
}
"lint": "eslint . --ext .ts"
移除TSLint配置: 如果项目中已经有TSLint配置文件(tslint.json),需要将其删除或者将其重命名为tslint.json.disabled等。
运行lint检查: 运行以下命令进行lint检查:
npm run lint
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
]
通过以上步骤,您就可以在Angular项目中使用ESLint替代TSLint进行代码检查了。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。