ESLint 配置筆記

說明

記錄一些我學到的配置用法，這東西水很深，沒事少碰。
沒意外的話，我不會很頻繁地更新這篇文章，因為我會盡量少碰。
我會用 ESLint 配置，主要是因為 Visual Studio Code 會用上。
如果內容有誤請多包含，這水太深，難免有誤。

ESLint 是什麼

查找並修復 JavaScript 代碼中的問題

在 Visual Studio Code 安裝 ESLint

請參考 VSCode 插件推薦 ESLint

配置

把 .eslintrc.json 配置檔放在專案裡面，或者離專案較近的位置
系統會找到最靠近的配置檔

.eslintrc.json

{
  /**
   * 一個環境定義了一組預定義的全域變數
   * 可用的環境請參考 https://cn.eslint.org/docs/user-guide/configuring#specifying-environments
   */
  "env": {
    "browser": true
  },
  // jquery $ 全域變數
  "globals": {
    "$": true
  },
}

Global

我遇到一個問題是在 Visual Studio Code 使用 CDN 載入第三方的 JavaScript
發生 eslint 會提示 ‘Something’ is not defined
事實上是可以用的，目前找不到比較好的解決辦法
暫時在當前檔案宣告 global，跳過這個問題

/* global Something */

參考

• ESLint 官網