更新于 2019年10月12日14:53:46
eslint作用在于
- 统一代码风格
- 检查低级的代码错误
准备工作
安装
全局本地都安装
npm install eslint -g // 全局(方便运行命令)
npm install eslint -D // 本地
初始化
调用下面命令,引导创建一个.eslintrc.js
配置文件(也可手动创建)
eslint --init
使用
eslint使用方式多种
- 命令行独立使用
- 集成于webpck
- 集成于vscode
也可以支持其他语法的检查
- react
- vue
- ts
命令行
语法:
eslint [options] [file|*]
示例:
创建一个js文件
// test.js
var cc = 1;
进行eslint校验
eslint test.js
集成于vscode
好处是:即时检查、提示、保存时自动修复一些代码
即时检查:
vscode安装eslint插件即可,会读取项目下的eslint配置文件(当然也需要先安装好相应的依赖)
自动修复:
eslint本身也可以开启格式化,但是不如 prettier 强大,使用prettier代替