eslint 是什麼?


Posted by YongChenSu on 2020-12-06

lint 是什麼?

lint 是電腦科學上的一種工具名稱,用來標記原始碼中,某些可疑的、不具結構性的 (可能造成 bug) 的段落。

也就是 檢查程式碼的工具

es 又是什麼?

JS 的標準 (ECMAScript) 的簡稱就是 es。

如何安裝 eslint?

  1. 到有自己名字後綴字的 repo,npm install,因原先就有裝 eslint 套件,故 npm install 是開啟 eslint 功能。

package.json

  • 在 package.json 裡的 decDependencies 中可看到裝了什麼套件。

  • package.json > scripts > lint,可以看 eslint 的檢查的範圍

    // 這代表 homeworks 底下所有的 js 檔案都要經過 eslint 的規則檢查
    {
      "scripts": {
          "lint": "eslint ./homeworks/**/*.js"
      }
    }
    


如何不讓 eslint 檢查語法?

  • 都不檢查
    /* eslint-disable */
    
  • 下一行不檢查
    /* eslint-disable-next-line */
    

修改 eslint 所提出的錯誤訊息

  • eslint 所檢查出來的錯誤,要從最後一行開始修,確保行號不會變,會比較好修。

參考資源


#程式導師實驗計畫第四期 #前端 #ESLint







Related Posts

[雷雷夥伴] How to use azure function to manage azure resource

[雷雷夥伴] How to use azure function to manage azure resource

學 JavaScript 的那些筆記 4--瀏覽器的 JS

學 JavaScript 的那些筆記 4--瀏覽器的 JS

Day 12-Scope & Number Guessing Game

Day 12-Scope & Number Guessing Game


Comments