本篇文章带大家继续angular的学习 , 对比一下tslint和eslint , 介绍一下Angular中怎么将迁移tslint至eslint , 希望对大家有所帮助!
![聊聊Angular中怎么将迁移tslint至eslint](http://img.zhejianglong.com/220407/060A261L-0.jpg)
文章插图
大家好 , 最近做了Angular从12到13的升级 , 官方自动把angular.json中的tslint配置去除了 , 那么咱也最好遵从官方安排用起了eslint 。 【相关教程推荐:《angular教程》】
tslint vs eslintlint类型用处现状tslint用来检查ts语法规范的插件已经不再维护;Angular从11起弃用eslint检查js/ts代码规范仍在维护 , 官方推荐如何迁移1. 安装eslint依赖 , 运行以下命令:
ng add @angular-eslint/schematics运行结果:
- .eslintrc.json文件自动在root生成 , 默认使用
@angular-eslint
eslint插件 。 - 以下eslint相关的cli配置被添加至angular.json , 今后如果通过ng命令行生成lib或者application , 将会自动在该模块下生成.eslintrc.json
- 删除根目录或模块下的tslint.json删除tslint相关dev依赖包 , 如
tslint
或者typescript-tslint-plugin
等(如有)在tsconfig.json中删除tslint-plugin相关配置 , 如![聊聊Angular中怎么将迁移tslint至eslint](http://img.zhejianglong.com/220407/060A21Y7-1.png)
文章插图
- 将angular.json下的tslint配置(如有)改为eslint , 可能需要手动修改
![聊聊Angular中怎么将迁移tslint至eslint](http://img.zhejianglong.com/220407/060A235C-2.png)
文章插图
修改后的eslint配置(e.g.配置为在projects/lint-test目录下执行lint):
![聊聊Angular中怎么将迁移tslint至eslint](http://img.zhejianglong.com/220407/060A25O0-3.png)
文章插图
3. 如需暂时关闭一些代码或者文件的eslint检查
- 在代码上方添加以下注释可暂时关闭该代码eslint检查
- 可以在注释中加入eslint检查报错时的rule以表明暂时关闭检查的原因 。 例如以下代码 , 不希望某未用变量被eslint检查出来而抛错
- 需要关闭某些文件的eslint检查 , 可添加.eslintignore文件在root下可在.eslintrc中配置需要lint检查的pattern(本文不赘述 , 官方介绍)
运行lint命令
ng lint如运行成功 , 那么恭喜你迁移完成!
(可选)其他可配套的eslint插件
- eslint-plugin-deprecation:验证代码是否过时eslint-plugin-header:验证文件头部注释是否遵循一定规则(可用于版本 , 专利校验等)eslint-plugin-import:验证import地址拼写或者名字错误 , 语法等eslint-plugin-prefer-arrow:验证使用箭头函数eslint-plugin-unicorn:验证js , ts语法相关eslint-plugin-jsdoc:文档相关...
(可选)配置VS code安装eslint插件
![聊聊Angular中怎么将迁移tslint至eslint](http://img.zhejianglong.com/220407/060A26195-4.png)
文章插图
保存时VS code自动修正eslint相关问题
在.vscode/settings.json中设置
"editor.codeActionsOnSave": { "source.fixAll.eslint": true }或者在File->Preferences->Settings下搜索onsave设置 , 可找到eslint相关设置
![聊聊Angular中怎么将迁移tslint至eslint](http://img.zhejianglong.com/220407/060A25R1-5.png)
文章插图
更多编程相关知识 , 请访问:编程入门!!
以上就是聊聊Angular中怎么将迁移tslint至eslint的详细内容 , 更多请关注电脑自学网其它相关文章!
推荐阅读
- es6中promise对象的状态有哪些
- 浅析node中的常用模块:path模块和fs模块
- 带你学习JavaScript中的File API、Streams API和Web Cryptography API
- map在jquery中的用法是什么
- 聊聊各种可能导致 Node.js 进程退出的情况
- 引用javascript文件要不要包含在script标签中
- 浅析Node中Express的错误处理中间件
- 兼容方案探究 聊聊使用CSS怎么实现毛玻璃特效
- linear-gradient 浅析CSS中怎么实现线性渐变
- 中国银行老用户抽1-10元微信立减金