前端工程化-eslint

93 阅读1分钟

ESlint 是什么

ESLint最初是由 Nicholas C.Zakas 于 2013年6月创建的开源项目。它的目标是提供一个插件化的iavascript代码检测工具。Eslint 是国外的前端大牛 Nicholasc,Zakas 在 2013 年发起的一个开源项目,有一本书被誉为前端界的"圣经",叫《JavaScript 高级程序设计》(即红宝书),他正是这本书的作者

初始化-lint

通过eslint cli初始化配置 运行npx eslint --init,生成配置文件 image.png

"lint": "eslint . --ext .js,.ts,.tsx,.vue --fix",//在package.json中配置并运行

解析配置-parserOptions(支持版本)

image.png

解析器设置-parser(支持其他文件类型)

image.png

扩展规则-extends

image.png

定义规则-rule

image.png

rule配置规则与跳过规则(如:console.log(1)/eslint-disable-line)

插件-plugins

pnpm i @typescript-eslint/parser(eslint本身只支持js校验) image.png