前端规范化工具
一：ESLint安装
- 初始化项目--yarn init --yes
- 安装ESlint模块为开发依赖--yarn add eslint --dev
- 通过CLI命令验证安装结果
- 运行--yarn eslint
二：ESLint快速上手
- 使用ESLint前需要初始化eslint文件--yarn eslint --init 然后根据自己的选择选项
- 运行时如果代码存在语法错误需要手动修复
- 运行yarn eslint 文件名或者通配符 --fix
- 通过 --fix会自动修改大部分的规范，其余的可以根据提示进行修改
三：ESLint配置文件解析
四：ESLint配置注释
- eslint-disbale-line
- 配置上这个注释eslint就会忽略这行代码不会进行检查,但是会带来新的问题,如果一行有多个问题,但是不是你想要规避的,那么就忽略了一些额外问题
- eslint-disbale-line no-template-curly-string可以解决上面这种问题
五：ESLint结合自动化工具
- 直接使用gulp里面的插件,不需要重新安装eslint
- 将这个方法写在bable之前
- 使用eslint.fromat方法打印出错误
- 使用eslint.failAfterError方法终止任务管道
- 然后运行,但是会报错,因为没有配置eslint
- yarn eslint --init 初始化配置文件
六：ESLint结合Webpack
- 不是通过插件完成，而是通过loader机制完成
- 安装eslint模块
- 安装eslint-loader模块
- 安装.eslintrc.js配置文件
- 执行顺序必须在bable之前，可以使用enforce:'pre'提高优先级
