初始化項目

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

2. 項目代碼中模塊化準備采用哪種類型, 選項的結果就是決定你的代碼當中是否允許出現(xiàn)指定的語法或者調用,這里沒有用到 選第三個

   
   
   2271603269090_.pic.jpg

3. 你用的是哪一款框架
   2281603269109_.pic.jpg

4. 你的項目是否有用到TypeScript
   image.png

5. 你的代碼最終運行在什么環(huán)境
   image.png

6. 你想怎樣定義你項目的代碼風格
   2341603272107_.pic_hd.jpg

7. 選擇之后給了三個主流風格, 按照團隊的要求去選擇
   2311603269360_.pic.jpg

8. 你的配置文件想要以何種格式的文件存放
   image.png
9. 回車之后會提示你要安裝幾個插件,選擇同意
   配置完成之后再來運行 npx eslint 01-prepare.js, fn的錯誤調用會引起下面的錯誤
   2351603272541_.pic.jpg
   
   修改之后再次運行,會出來其他的錯誤,通過fix來修復
   image.png
   運行npx eslint 01-prepare.js --fix
   npx eslint 01-prepare.js --fix

image.png