初始化項目
npm init --yes
安裝eslint
npm i eslint --save-dev
查看版本
npx eslint --version
快速上手
- 編寫問題代碼
const foo = 123
function fn () {
console.log('hello');
console.log('eslint');
}
fn(
syy()
- 使用eslint執(zhí)行檢測
npx eslint 01-prepare.js
運行完成之后會打印一串錯誤信息, 大體意思就是eslint沒有找到一個配置文件
2251603269005_.pic_hd.jpg - 根據錯誤信息提示的解決辦法, 執(zhí)行 eslint --init 初始化一個配置文件
npx eslint --init
回車之后會有一些交互性的問題,我們一個一個看
1 .你想怎樣使用ESLint?2331603271447_.pic_hd.jpg
-
項目代碼中模塊化準備采用哪種類型, 選項的結果就是決定你的代碼當中是否允許出現指定的語法或者調用,這里沒有用到 選第三個
2271603269090_.pic.jpg -
你用的是哪一款框架2281603269109_.pic.jpg
-
你的項目是否有用到TypeScriptimage.png
-
你的代碼最終運行在什么環(huán)境image.png
-
你想怎樣定義你項目的代碼風格2341603272107_.pic_hd.jpg
-
選擇之后給了三個主流風格, 按照團隊的要求去選擇2311603269360_.pic.jpg
-
你的配置文件想要以何種格式的文件存放image.png
- 回車之后會提示你要安裝幾個插件,選擇同意
配置完成之后再來運行 npx eslint 01-prepare.js, fn的錯誤調用會引起下面的錯誤2351603272541_.pic.jpg
修改之后再次運行,會出來其他的錯誤,通過fix來修復運行npx eslint 01-prepare.js --fiximage.png
npx eslint 01-prepare.js --fix
image.png
