更新于 2019年10月12日14:53:46
eslint作用在于
- 統(tǒng)一代碼風(fēng)格
- 檢查低級(jí)的代碼錯(cuò)誤
準(zhǔn)備工作
安裝
全局本地都安裝
npm install eslint -g // 全局（方便運(yùn)行命令）
npm install eslint -D // 本地
初始化
調(diào)用下面命令，引導(dǎo)創(chuàng)建一個(gè).eslintrc.js配置文件（也可手動(dòng)創(chuàng)建）
eslint --init
使用
eslint使用方式多種
- 命令行獨(dú)立使用
- 集成于webpck
- 集成于vscode
也可以支持其他語(yǔ)法的檢查
- react
- vue
- ts
命令行
語(yǔ)法：
eslint [options] [file|*]
示例：
創(chuàng)建一個(gè)js文件
// test.js
var cc = 1;
進(jìn)行eslint校驗(yàn)
eslint test.js
集成于vscode
好處是：即時(shí)檢查、提示、保存時(shí)自動(dòng)修復(fù)一些代碼
即時(shí)檢查:
vscode安裝eslint插件即可，會(huì)讀取項(xiàng)目下的eslint配置文件（當(dāng)然也需要先安裝好相應(yīng)的依賴(lài)）
自動(dòng)修復(fù):
eslint本身也可以開(kāi)啟格式化，但是不如 prettier 強(qiáng)大，使用prettier代替
