ESLint - 入门

更新于 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代替