ESLint 配置筆記


建立時間: 2022年9月23日 21:09
更新時間: 2023年9月14日 08:44

說明

記錄一些我學到的配置用法,這東西水很深,沒事少碰。
沒意外的話,我不會很頻繁地更新這篇文章,因為我會盡量少碰。
我會用 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 */

參考

觀看次數: 1175
codeconfigurationeslintstudiovisual配置
按讚追蹤 Enjoy 軟體 Facebook 粉絲專頁
每週分享資訊技術

一杯咖啡的力量,勝過千言萬語的感謝。

支持我一杯咖啡,讓我繼續創作優質內容,與您分享更多知識與樂趣!