JS代碼檢查工具ESLint怎么用

這篇文章主要介紹了JS代碼檢查工具ESLint怎么用，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

10年積累的成都做網(wǎng)站、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有晉寧免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

ESLint不但提供一些默認(rèn)的規(guī)則，也提供用戶自定義規(guī)則來(lái)約束所寫(xiě)的JavaScript代碼。

發(fā)展歷史

Douglas Crockford大神根據(jù)自己的理念用JavaScript寫(xiě)了一個(gè)JavaScript代碼規(guī)范檢查工具，這就是JSLint。后來(lái)非常流行，也的確幫助了廣大的JavaScript程序員。但是，大神對(duì)于自己的代碼規(guī)范不做絲毫的妥協(xié)，對(duì)開(kāi)源社區(qū)的反饋的回應(yīng)也不禮貌。于是，JSLint從一個(gè)幫助程序員規(guī)范代碼，避免Bug的工具，變成了一個(gè)讓代碼像Crockford的工具。在最不信神的IT界，這當(dāng)然不能忍了

2011年，一個(gè)叫Anton Kovalyov的前端程序員借助開(kāi)源社區(qū)的力量弄出來(lái)了JSHint，該工具的思想基本上和JSLint是一致的，但具有以下幾點(diǎn)優(yōu)勢(shì)：1、可配置規(guī)則。2、社區(qū)支持度高。3、可定制結(jié)果報(bào)表

起初幾年，JSHint 一直是前端代碼檢測(cè)工具的首選。但在 2013 年，Zakas 大佬發(fā)現(xiàn) JSHint 已經(jīng)無(wú)法滿足自己定制化規(guī)則的需求，而且和 Anton 討論后達(dá)成共識(shí)這根本在不可能在 JSHint 上實(shí)現(xiàn)。同時(shí) Zakas 還設(shè)想發(fā)明一個(gè)基于 AST 的 lint，可以動(dòng)態(tài)執(zhí)行額外的規(guī)則，同時(shí)可以很方便的擴(kuò)展規(guī)則

2013 年的 6 月份，Zakas 發(fā)布了全新的 lint 工具——ESLint。ESLint 的出現(xiàn)并沒(méi)有撼動(dòng) JSHint 的霸主地位。由于前者是利用 AST 處理規(guī)則，用 Esprima 解析代碼，執(zhí)行速度要比只需要一步搞定的 JSHint 慢很多；其次當(dāng)時(shí)已經(jīng)有許多編輯器對(duì) JSHint 支持完善，生態(tài)足夠強(qiáng)大。真正讓 ESLint 逆襲的是 ECMAScript 6 的出現(xiàn)

2015 年 6 月，ES2015 規(guī)范正式發(fā)布。但是發(fā)布后，市面上瀏覽器對(duì)最新標(biāo)準(zhǔn)的支持情況極其有限。如果想要提前體驗(yàn)最新標(biāo)準(zhǔn)的語(yǔ)法，就得靠 Babel 之類的工具將代碼編譯成 ES5 甚至更低的版本，同時(shí)一些實(shí)驗(yàn)性的特性也能靠 Babel 轉(zhuǎn)換。這時(shí) JSHint 就略尷尬，ES2015 變化很大，短期內(nèi)無(wú)法完全支持。ESLint 可擴(kuò)展的優(yōu)勢(shì)一下就體現(xiàn)出來(lái)了，不僅可以擴(kuò)展規(guī)則，甚至連解析器也能替換。Babel 團(tuán)隊(duì)就為 ESLint 開(kāi)發(fā)了 babel-eslint 替換默認(rèn)解析器，讓 ESLint 率先支持 ES2015 語(yǔ)法

也是在 2015 年，React 的應(yīng)用越來(lái)越廣泛，誕生不久的 JSX 也愈加流行。ESLint 本身也不支持 JSX 語(yǔ)法。還是因?yàn)榭蓴U(kuò)展性，eslint-plugin-react 的出現(xiàn)讓 ESLint 也能支持當(dāng)時(shí) React 特有的規(guī)則

至此，ESLint 完美躺贏，替代 JSHint 成為前端主流工具

ESLint詳細(xì)配置

注釋配置

有兩種主要的方式來(lái)配置 ESLint，其中一種就是注釋配置，使用 JavaScript 注釋把配置信息直接嵌入到一個(gè)代碼源文件中

可以在文件中使用以下格式的塊注釋來(lái)臨時(shí)禁止規(guī)則出現(xiàn)警告

/* eslint-disable */
alert('foo');
/* eslint-enable */

也可以對(duì)指定的規(guī)則啟用或禁用警告:

/* eslint-disable no-alert, no-console */
alert('foo');
console.log('bar');
/* eslint-enable no-alert, no-console */

如果在整個(gè)文件范圍內(nèi)禁止規(guī)則出現(xiàn)警告，將 /* eslint-disable */ 塊注釋放在文件頂部：

/* eslint-disable */
alert('foo');

文件配置

另一種是文件配置，使用 JavaScript、JSON 或者 YAML 文件為整個(gè)目錄和它的子目錄指定配置信息

ESLint 支持幾種格式的配置文件

JavaScript - 使用 .eslintrc.js 然后輸出一個(gè)配置對(duì)象。

YAML - 使用 .eslintrc.yaml 或 .eslintrc.yml 去定義配置的結(jié)構(gòu)。

JSON - 使用 .eslintrc.json 去定義配置的結(jié)構(gòu)，ESLint 的 JSON 文件允許 JavaScript 風(fēng)格的注釋。

(棄用) - 使用 .eslintrc，可以使 JSON 也可以是 YAML。

package.json - 在 package.json 里創(chuàng)建一個(gè) eslintConfig屬性，在那里定義配置。

如果同一個(gè)目錄下有多個(gè)配置文件，ESLint 只會(huì)使用一個(gè)。優(yōu)先級(jí)順序如下

1 .eslintrc.js

2 .eslintrc.yaml

3 .eslintrc.yml

4 .eslintrc.json

5 .eslintrc

6  package.json

除了配置一個(gè)獨(dú)立的 .eslintrc.* 文件，也可以直接在 package.json 文件里的 eslintConfig 字段指定配置，ESLint 將自動(dòng)在要檢測(cè)的文件目錄里尋找它們，緊接著是父級(jí)目錄，一直到文件系統(tǒng)的根目錄

{
  "name": "mypackage",
  "version": "0.0.1",
  "eslintConfig": {
    "env": {
      "browser": true,
      "node": true
    }
  }
}

或者使用 -c 選項(xiàng)傳遞命令行將文件保持到任意地方

eslint -c myconfig.json myfiletotest.js

配置語(yǔ)言

ESLint 允許指定想要支持的 JavaScript 語(yǔ)言選項(xiàng)。默認(rèn)情況下，ESLint 支持 ECMAScript 5 語(yǔ)法?？梢愿采w該設(shè)置，以啟用對(duì) ECMAScript 其它版本和 JSX 的支持

ecmaVersion - 默認(rèn)設(shè)置為3，5（默認(rèn)）， 可以使用 6、7、8 或 9 來(lái)指定想要使用的 ECMAScript 版本。也可以用使用年份命名的版本號(hào)指定為 2015（同 6），2016（同 7），或 2017（同 8）或 2018（同 9）

sourceType - 設(shè)置為 "script" (默認(rèn)) 或 "module"（如果代碼是 ECMAScript 模塊)

ecmaFeatures - 這是個(gè)對(duì)象，表示想使用的額外的語(yǔ)言特性:

globalReturn - 允許在全局作用域下使用 return 語(yǔ)句

impliedStrict - 啟用全局 strict mode (如果 ecmaVersion 是 5 或更高)

jsx - 啟用 JSX

experimentalObjectRestSpread - 啟用實(shí)驗(yàn)性的 object rest/spread properties 支持

配置示例

  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  }

配置環(huán)境

一個(gè)環(huán)境定義了一組預(yù)定義的全局變量。這些環(huán)境并不是互斥的，可以同時(shí)定義多個(gè)?？捎玫沫h(huán)境包括

browser - 瀏覽器環(huán)境中的全局變量。

node - Node.js 全局變量和 Node.js 作用域。

commonjs - CommonJS 全局變量和 CommonJS 作用域 

shared-node-browser - Node.js 和 Browser 通用全局變量。

es6 - 啟用除了 modules 以外的所有 ECMAScript 6 特性（該選項(xiàng)會(huì)自動(dòng)設(shè)置 ecmaVersion 解析器選項(xiàng)為 6）

worker - Web Workers 全局變量。

amd - 將 require() 和 define() 定義為像 amd 一樣的全局變量。

mocha - 添加所有的 Mocha 測(cè)試全局變量。

jasmine - 添加所有的 Jasmine 版本 1.3 和 2.0 的測(cè)試全局變量。

jest - Jest 全局變量。

phantomjs - PhantomJS 全局變量。

protractor - Protractor 全局變量。

qunit - QUnit 全局變量。

jquery - jQuery 全局變量。

prototypejs - Prototype.js 全局變量。

shelljs - ShellJS 全局變量。

meteor - Meteor 全局變量。

mongo - MongoDB 全局變量。

applescript - AppleScript 全局變量。

nashorn - Java 8 Nashorn 全局變量。

serviceworker - Service Worker 全局變量。

atomtest - Atom 測(cè)試全局變量。

embertest - Ember 測(cè)試全局變量。

webextensions - WebExtensions 全局變量。

greasemonkey - GreaseMonkey 全局變量。

可以在JavaScript 文件中使用注釋來(lái)指定環(huán)境

/* eslint-env node, mocha */

也可以在配置文件里指定環(huán)境，使用 env 關(guān)鍵字指定想啟用的環(huán)境，并設(shè)置它們?yōu)?true

{
  "env": {
    "browser": true,
    "node": true
  }
}

如果想在一個(gè)特定的插件中使用一種環(huán)境，確保提前在 plugins 數(shù)組里指定了插件名，然后在 env 配置中不帶前綴的插件名后跟一個(gè) / ，緊隨著環(huán)境名

{
  "plugins": ["example"],
  "env": {
    "example/custom": true
  }
}

配置插件

ESLint 支持使用第三方插件。在使用插件之前，必須使用 npm 安裝它。

在配置文件里配置插件時(shí)，可以使用 plugins 關(guān)鍵字來(lái)存放插件名字的列表。插件名稱可以省略 eslint-plugin- 前綴

{
  "plugins": [
    "plugin1",
    "eslint-plugin-plugin2"
  ]
}

注意：由于 Node.js 的 require 函數(shù)的行為，全局安裝的 ESLint 實(shí)例只能使用全局安裝的 ESLint 插件，本地安裝的版本，只能用本地安裝的插件。不支持混合本地和全局插件

配置規(guī)則

ESLint 附帶有大量的規(guī)則。可以使用注釋或配置文件修改項(xiàng)目中要使用的規(guī)則。要改變一個(gè)規(guī)則設(shè)置，必須將規(guī)則 ID 設(shè)置為下列值之一：

"off" 或 0 - 關(guān)閉規(guī)則

"warn" 或 1 - 開(kāi)啟規(guī)則，使用警告級(jí)別的錯(cuò)誤：warn (不會(huì)導(dǎo)致程序退出)

"error" 或 2 - 開(kāi)啟規(guī)則，使用錯(cuò)誤級(jí)別的錯(cuò)誤：error (當(dāng)被觸發(fā)的時(shí)候，程序會(huì)退出)

為了在文件注釋里配置規(guī)則，使用以下格式的注釋：

/* eslint eqeqeq: "off", curly: "error" */

也可以在配置文件中進(jìn)行規(guī)則配置

{
  "rules": {
    "eqeqeq": "off",
    "curly": "error",
    "quotes": ["error", "double"]
  }
}

配置定義在插件中的一個(gè)規(guī)則的時(shí)候，必須使用 插件名/規(guī)則ID 的形式

{
  "plugins": [
    "plugin1"
  ],
  "rules": {
    "eqeqeq": "off",
    "curly": "error",
    "quotes": ["error", "double"],
    "plugin1/rule1": "error"
  }
}

也可以使用這種格式的注釋配置

/* eslint "plugin1/rule1": "error" */

配置繼承

一個(gè)配置文件可以被基礎(chǔ)配置中的已啟用的規(guī)則繼承

值為 "eslint:recommended" 的 extends 屬性啟用一系列核心規(guī)則，這些規(guī)則報(bào)告一些常見(jiàn)問(wèn)題。這個(gè)推薦的子集只能在 ESLint 主要版本進(jìn)行更新

"extends": "eslint:recommended"

插件是一個(gè) npm 包，通常輸出規(guī)則。一些插件也可以輸出一個(gè)或多個(gè)命名的 配置。要確保這個(gè)包安裝在 ESLint 能請(qǐng)求到的目錄下

{
  "plugins": [
    "react"
  ],
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended"
  ],
  "rules": {
    "no-set-state": "off"
  }
}

extends 屬性值可以是基本配置文件的絕對(duì)路徑或相對(duì)路徑。 ESLint 解析基本配置文件的相對(duì)路徑相對(duì)使用的配置文件，除非那個(gè)文件在主目錄或非 ESLint 安裝目錄的父級(jí)目錄。在這些情況下，ESLint 解析基本配合文件的相對(duì)路徑相對(duì)于被檢測(cè)的項(xiàng)目目錄（尤其是當(dāng)前工作目錄）

{
  "extends": [
    "./node_modules/coding-standard/eslintDefaults.js",
    "./node_modules/coding-standard/.eslintrc-es6",
    "./node_modules/coding-standard/.eslintrc-jsx"
  ],
  "rules": {
    "eqeqeq": "warn"
  }
}

配置忽略

可以通過(guò)在項(xiàng)目根目錄創(chuàng)建一個(gè) .eslintignore 文件告訴 ESLint 去忽略特定的文件和目錄

.eslintignore 文件是一個(gè)純文本文件，其中的每一行都是一個(gè) glob 模式表明哪些路徑應(yīng)該忽略檢測(cè)

例如，以下將忽略所有的 JavaScript 文件：

**/*.js

如果沒(méi)有發(fā)現(xiàn) .eslintignore 文件，也沒(méi)有指定替代文件，ESLint 將在 package.json 文件中查找 eslintIgnore 鍵，來(lái)檢查要忽略的文件

{
 "name": "mypackage",
 "version": "0.0.1",
 "eslintConfig": {
   "env": {
     "browser": true,
     "node": true
   }
 },
 "eslintIgnore": ["hello.js", "world.js"]
}

NodeJS配置eslint規(guī)則

下面來(lái)介紹NodeJS環(huán)境下如何配置airbnb-base的eslint規(guī)則

1、本地安裝eslint、eslint-config-airbnb-base、eslint-plugin-import

npm install --save-dev eslint
npm install --save-dev eslint-config-airbnb-base
npm install --save-dev eslint-plugin-import

注意： 最好使用npm，而不是cnpm安裝。因?yàn)樵谑褂帽镜匕惭b的eslint時(shí)，會(huì)使用其安裝路徑。而npm和cnpm的安裝路徑不一致

2、安裝成功后，package.json文件中增加如下字段

 "devDependencies": {
  "eslint": "^4.19.1",
  "eslint-config-airbnb-base": "^12.1.0",
  "eslint-plugin-import": "^2.12.0"
 }

3、在根目錄下設(shè)置.eslintrc.js配置文件

module.exports = {
 "extends": ["airbnb-base"],
 "env": {
  "es6": true,
  "node": true
 },
 "rules": {
  "comma-dangle": ["error", "never"], // 要求或禁止末尾逗號(hào)：不允許逗號(hào)
  "indent": ["error", 2], // JavaScript代碼強(qiáng)制使用一致的縮進(jìn)：2格縮進(jìn)
  "semi": ["error", "never"], // 不使用分號(hào)
  "arrow-parens": ["error", "as-needed"], // 箭頭函數(shù)的參數(shù)可以不使用圓括號(hào)
  "linebreak-style": "off", // 取消換行符\n或\r\n的驗(yàn)證
  "object-curly-newline": ["error", { "consistent": true }], // 花括號(hào)內(nèi)的換行符不一定要格式一致
  "function-paren-newline": "off", // 不驗(yàn)證函數(shù)括號(hào)內(nèi)的換行
  "import/extensions": "off", // 取消對(duì)文件擴(kuò)展名的驗(yàn)證
  "no-param-reassign": "off", // 允許對(duì)函數(shù)參數(shù)進(jìn)行再賦值
  "no-underscore-dangle": "off", // 允許在標(biāo)識(shí)符中使用下劃線
  "no-use-before-define": "off", // 允許變量和函數(shù)在定義前使用
  "no-unused-expressions": "off", // 允許使用未使用過(guò)的表達(dá)式，以此來(lái)支持a && a()的代碼形式
  "no-console": "off", // 啟用console控制臺(tái)
  "consistent-return": "off", // 關(guān)閉函數(shù)中return的檢測(cè)
  "no-shadow": "off", // 可以使用同名變量,
  "newline-per-chained-call": "off", //取消方法鏈調(diào)用中的換行符的檢測(cè)
  "import/newline-after-import": "off"
 }
}

4、在命令行工具中使用命令，對(duì)文件進(jìn)行l(wèi)int校驗(yàn)

PS D:\blog\api\node_modules\.bin> ./eslint ../../index.js

D:\blog\api\index.js
 16:1 error 'a' is not defined no-undef

? 1 problem (1 error, 0 warnings)

React使用eslint

1、安裝eslint-config-airbnb配置合集

npm install --save-dev eslint-config-airbnb

Airbnb包括了以下三個(gè)插件

eslint-plugin-import

eslint-plugin-react 

eslint-plugin-jsx-a11y

2、在根目錄下創(chuàng)建.eslintrc.js配置文件

module.exports = {
 // 指定校驗(yàn)的ECMAScript的版本及特性
 "parserOptions": {
  "ecmaVersion": 7, // ECMAScript版本，7為ES7
  "sourceType": "module", //默認(rèn)script，如果代碼是ECMAScript模塊，設(shè)置為module
  "ecmaFeatures": { // 使用額外的語(yǔ)言特性
    "jsx": true // 啟用JSX
  }
 },
 // 當(dāng)訪問(wèn)未定義的變量時(shí)，no-undef 規(guī)則將發(fā)出警告
 // 指定腳本的運(yùn)行環(huán)境。每種環(huán)境都有一組特定的預(yù)定義全局變量
 "env": {
  "es6": true,
  "node": true,
  "browser": true,
 },
 // 當(dāng)訪問(wèn)未定義的變量時(shí)，no-undef 規(guī)則將發(fā)出警告
 // 腳本在執(zhí)行期間訪問(wèn)的額外的全局變量
 "globals": {
  "document": true,
  "navigator": true,
  "window":true,
  "node":true
 },
 // 使用第三方airbnb開(kāi)發(fā)配置合集
 "extends": "airbnb",
 // eslint-config-airbnb包括了以下3個(gè)插件
 "plugins": [
  "react",
  "jsx-a11y",
  "import"
 ],
 // 定義自己的規(guī)則
 "rules": {
  "comma-dangle": ["error", "never"], // 要求或禁止末尾逗號(hào)：不允許逗號(hào)
  "indent": ["error", 2], // JavaScript代碼強(qiáng)制使用一致的縮進(jìn)：2格縮進(jìn)
  "semi": ["error", "never"], // 不使用分號(hào)
  "arrow-parens": ["error", "as-needed"], // 箭頭函數(shù)的參數(shù)可以不使用圓括號(hào)
  "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }], //reajs文件的后綴名為.js或.jsx均可
  "linebreak-style": "off", // 取消換行符\n或\r\n的驗(yàn)證
  "object-curly-newline": ["error", { "consistent": true }], // 花括號(hào)內(nèi)的換行符不一定要格式一致
  "function-paren-newline": "off", // 不驗(yàn)證函數(shù)括號(hào)內(nèi)的換行
  "import/extensions": "off", // 取消對(duì)文件擴(kuò)展名的驗(yàn)證
  "import/no-unresolved": "off", // 取消自動(dòng)解析路徑，以此開(kāi)啟alias的別名路徑設(shè)置
  "no-shadow": "off", // 取消變量聲明覆蓋的驗(yàn)證，保證mapDispatchToProps的正確使用
  "no-param-reassign": "off", // 允許對(duì)函數(shù)參數(shù)進(jìn)行再賦值
  "no-underscore-dangle": "off", // 允許在標(biāo)識(shí)符中使用下劃線
  "no-use-before-define": "off", // 允許變量和函數(shù)在定義前使用
  "no-unused-expressions": "off", // 允許使用未使用過(guò)的表達(dá)式，以此來(lái)支持a && a()的代碼形式
  "jsx-a11y/anchor-is-valid": [ "error", { "components": [ "Link" ], "specialLink": [ "to" ]}], // 允許正常地使用Link
  "import/no-extraneous-dependencies": "off", //使用history/createBrowserHistory引入包時(shí)，不會(huì)報(bào)錯(cuò)
  "no-console": "off" // 啟用console控制臺(tái)
 }
};

Vue使用eslint

使用vue-cli創(chuàng)建項(xiàng)目時(shí)，如果使用eslint，會(huì)有如下圖所示的選項(xiàng)，選擇使用standard還是airbnb規(guī)范

以standard規(guī)范創(chuàng)建成功后，package.json文件，會(huì)出現(xiàn)如下字段

"eslint": "^4.15.0",

"eslint-config-standard": "^10.2.1",

"eslint-friendly-formatter": "^3.0.0",

"eslint-loader": "^1.7.1",

"eslint-plugin-import": "^2.7.0",

"eslint-plugin-node": "^5.2.0",

"eslint-plugin-promise": "^3.4.0",

"eslint-plugin-standard": "^3.0.1",

"eslint-plugin-vue": "^4.0.0",

與此同時(shí)，在根目錄下自動(dòng)生成.eslintrc.js配置文件

// https://eslint.org/docs/user-guide/configuring

module.exports = {
 root: true,
 parserOptions: {
  parser: 'babel-eslint'
 },
 env: {
  browser: true
 },
 extends: [
  // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
  // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
  'plugin:vue/base',
  // https://github.com/standard/standard/blob/master/docs/RULES-en.md
  'standard'
 ],
 // required to lint *.vue files
 plugins: ['vue'],
 // add your custom rules here
 rules: {
  // allow async-await
  'generator-star-spacing': 'off',
  // allow debugger during development
  'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
 }
}

如果需要更改為更嚴(yán)格的驗(yàn)證，可以下載并使用airbnb規(guī)范

npm install --save-dev eslint-config-airbnb-base

在extends字段中，將standard更改為airbnb-base，將plugin:vue/base更改為plugin: vue/recommended

 extends: [
  'plugin:vue/recommended',
  'airbnb-base'
 ],

添加一些自定義的規(guī)則，最終的配置文件如下所示

// https://eslint.org/docs/user-guide/configuring

module.exports = {
 root: true,
 parserOptions: {
  parser: 'babel-eslint'
 },
 env: {
  browser: true
 },
 extends: [
  // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
  // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
  'plugin:vue/recommended',
  // https://github.com/standard/standard/blob/master/docs/RULES-en.md
  'airbnb-base'
 ],
 // required to lint *.vue files
 plugins: ['vue'],
 // add your custom rules here
 rules: {
  // allow async-await
  'generator-star-spacing': 'off',
  // allow debugger during development
  'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
  "linebreak-style": "off", // 取消換行符\n或\r\n的驗(yàn)證
  "semi": ["error", "never"], // 不使用分號(hào)
  "arrow-parens": ["error", "as-needed"], // 箭頭函數(shù)的參數(shù)可以不使用圓括號(hào)
  "comma-dangle": ["error", "never"], // 不允許末尾逗號(hào)
  "consistent-return": "off", // 關(guān)閉函數(shù)中return的檢測(cè)
  "object-curly-newline": ["error", { "consistent": true }], // 花括號(hào)內(nèi)的換行符不一定要格式一致
  "global-require": "off", // 取消對(duì)require的驗(yàn)證，使得可以使用require來(lái)加載圖片的相對(duì)路徑
  "function-paren-newline": "off", // 不驗(yàn)證函數(shù)括號(hào)內(nèi)的換行
  "import/no-unresolved": "off", // 取消自動(dòng)解析路徑，以此開(kāi)啟alias的別名路徑設(shè)置
  "no-param-reassign": "off", // 允許對(duì)函數(shù)參數(shù)進(jìn)行再賦值
  "import/extensions": "off", // 取消對(duì)文件擴(kuò)展名的驗(yàn)證
  "max-len": "off", // 取消行的最大長(zhǎng)度的驗(yàn)證，使SVG不用重新調(diào)整格式
  "no-underscore-dangle": "off", //允許標(biāo)識(shí)符中有下劃線，從而支持vue中插件的使用
  "no-console": "off", // 啟用console控制臺(tái)
  "no-unused-expressions": "off", // 允許使用未使用過(guò)的表達(dá)式，以此來(lái)支持a && a()的代碼形式
  "no-shadow": "off", // 取消變量聲明覆蓋的驗(yàn)證
  'vue/attribute-hyphenation': 0, // 取消對(duì)元素特性只能使用中劃線或小駝峰形式的驗(yàn)證
  'vue/max-attributes-per-line': 0 // 取消元素有多個(gè)特性時(shí)，每個(gè)特性獨(dú)占一行的驗(yàn)證
 }
}

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“JS代碼檢查工具ESLint怎么用”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

當(dāng)前題目：JS代碼檢查工具ESLint怎么用
網(wǎng)站鏈接：http://bm7419.com/article4/pcdhie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、虛擬主機(jī)、商城網(wǎng)站、App設(shè)計(jì)、網(wǎng)站設(shè)計(jì)、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)