摘要:父級(jí)目錄下的配置將使用于所有子目錄,當(dāng)子目錄下的配置文件中的規(guī)則與父級(jí)配置發(fā)生沖突時(shí),使用優(yōu)先級(jí)高的,離的最近的一個(gè)優(yōu)先。禁止檢測(cè)父級(jí)配置為了將限制到一個(gè)特定的項(xiàng)目,在配置文件里設(shè)置。
依賴(lài)安裝
ESLint 全局安裝和項(xiàng)目根目錄下安裝都可以,只是應(yīng)用起來(lái)稍微有些區(qū)別;
eslint-plugin-react是兼容React語(yǔ)義的插件;
以下安裝選擇一種即可,推薦局部安裝,插件也根據(jù)項(xiàng)目安裝;
全局安裝全局安裝如下:
進(jìn)入項(xiàng)目根目錄下安裝:
區(qū)別:
在全局安裝ESLint,所有的插件必須也全局安裝;
在局部安裝ESLint,插件不限制在哪里安裝;
IntelliJ IDEA、 Webstrom的配置一樣,如果ESLint package沒(méi)有自動(dòng)填充,需要把node_modules中的eslint導(dǎo)入進(jìn)去;
配置文件經(jīng)過(guò)以上步驟,隨意打開(kāi)一個(gè).js文件會(huì)發(fā)現(xiàn)報(bào)錯(cuò);
文件忽略設(shè)置一些忽略檢測(cè)的文件:
多配置 多配置檢測(cè)順序如果同一目錄下有多個(gè)配置文件,按以下順序檢測(cè),使用第一個(gè)匹配到的文件:
多配置處理方式.eslintrc.js
.eslintrc.yaml
.eslintrc.yml
.eslintrc.json
.eslintrc
package.json
如果項(xiàng)目下有多個(gè)結(jié)構(gòu)層級(jí)不同的配置文件,會(huì)產(chǎn)生配置級(jí)聯(lián);
默認(rèn)情況下,ESLint 會(huì)在所有父級(jí)目錄里尋找配置文件,一直到根目錄。
父級(jí)目錄下的配置將使用于所有子目錄,當(dāng)子目錄下的配置文件中的規(guī)則與父級(jí)配置發(fā)生沖突時(shí),使用優(yōu)先級(jí)高的,離的最近的一個(gè)優(yōu)先。
禁止檢測(cè)父級(jí)配置為了將 ESLint 限制到一個(gè)特定的項(xiàng)目,在配置文件里設(shè)置 "root": true。
ESLint 一旦發(fā)現(xiàn)配置文件中有 "root": true,它就會(huì)停止在父級(jí)目錄中尋找。
注釋以指令(eslint/eslint-env/global/eslint-disable)開(kāi)始,接下來(lái)是逗號(hào)分隔的規(guī)則列表;
作用:
會(huì)覆蓋配置文件里的規(guī)則:禁用ESlint | 禁用某條規(guī)則 | 調(diào)整規(guī)則;
module.exports = { "env": { "browser": true, "commonjs": true, "es6": true }, "extends": "eslint:recommended", "parserOptions": { "ecmaFeatures": { "experimentalObjectRestSpread": true, "jsx": true }, "sourceType": "module" }, "globals":{ "document": true, "$": true }, "plugins": [ "react" ], "rules": { "react/jsx-uses-react": "error", "react/jsx-uses-vars": "error", "indent": [ "error", "tab", 4 ], "linebreak-style": [ "error", "unix" ], "quotes": [ "error", "double" ], "semi": [ "error", "always" ] }, "settings": { "react": { "createClass": "createClass", "pragma": "React" } } };
使用的規(guī)則可在規(guī)則頁(yè)面查看被標(biāo)記為?的規(guī)則;
注意:.gitignore中設(shè)置node_modules/
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/81833.html
摘要:的初衷是為了讓程序員可以創(chuàng)建自己的檢測(cè)規(guī)則。為了便于人們使用,內(nèi)置了一些規(guī)則,當(dāng)然,你可以在使用過(guò)程中自定義規(guī)則。所有的規(guī)則默認(rèn)都是禁用的。在文件里的字段進(jìn)行配置。如何編寫(xiě)一個(gè)知道了的原理,接下來(lái)可以自定義一個(gè)。 eslint介紹 ESLint 是一個(gè)開(kāi)源的 JavaScript 代碼檢查工具,由 Nicholas C. Zakas 于2013年6月創(chuàng)建。代碼檢查是一種靜態(tài)的分析,常用...
摘要:自定義規(guī)則校驗(yàn)代碼業(yè)務(wù)邏輯是社區(qū)中主流的工具,提供的大量規(guī)則有效的保障了許多項(xiàng)目的代碼質(zhì)量。本文將介紹如何通過(guò)自定義檢查規(guī)則,校驗(yàn)項(xiàng)目中特有的一些業(yè)務(wù)邏輯,如特殊作用域特殊使用規(guī)范性等。 自定義 eslint 規(guī)則校驗(yàn)代碼業(yè)務(wù)邏輯 eslint 是 JavaScript 社區(qū)中主流的 lint 工具,提供的大量規(guī)則有效的保障了許多項(xiàng)目的代碼質(zhì)量。本文將介紹如何通過(guò)自定義 eslint ...
摘要:使用或去定義配置的結(jié)構(gòu)。在里創(chuàng)建一個(gè)屬性,在那里定義你的配置。如果同一個(gè)目錄下有多個(gè)配置文件,只會(huì)使用一個(gè)。 eslint是一個(gè)代碼檢測(cè)工具 官網(wǎng)如下http://eslint.cn/ npm install eslint --save-dev 需要這幾個(gè)npm包: eslint eslint-loader eslint-plugin-html (用以lint一些在html文件里面通...
摘要:使用或去定義配置的結(jié)構(gòu)。在里創(chuàng)建一個(gè)屬性,在那里定義你的配置。如果同一個(gè)目錄下有多個(gè)配置文件,只會(huì)使用一個(gè)。 eslint是一個(gè)代碼檢測(cè)工具 官網(wǎng)如下http://eslint.cn/ npm install eslint --save-dev 需要這幾個(gè)npm包: eslint eslint-loader eslint-plugin-html (用以lint一些在html文件里面通...
摘要:簡(jiǎn)介是由編寫(xiě)的一個(gè)可擴(kuò)展每條規(guī)則獨(dú)立不內(nèi)置編碼風(fēng)格為理念的工具。在團(tuán)隊(duì)協(xié)作中,為避免低級(jí)產(chǎn)出風(fēng)格統(tǒng)一的代碼,會(huì)預(yù)先制定編碼規(guī)范。使用工具和代碼風(fēng)格檢測(cè)工具,則可以輔助編碼規(guī)范執(zhí)行,有效控制代碼質(zhì)量。 簡(jiǎn)介 ESLint 是由 Nicholas C. Zakas 編寫(xiě)的一個(gè)可擴(kuò)展、每條規(guī)則獨(dú)立、不內(nèi)置編碼風(fēng)格為理念的 Lint 工具。 在團(tuán)隊(duì)協(xié)作中,為避免低級(jí) Bug、產(chǎn)出風(fēng)格統(tǒng)一的代碼...
閱讀 25794·2021-09-29 09:41
閱讀 4913·2021-09-10 11:20
閱讀 1993·2021-09-09 09:32
閱讀 1947·2019-08-30 15:44
閱讀 3263·2019-08-29 17:13
閱讀 2864·2019-08-29 14:14
閱讀 2135·2019-08-29 14:11
閱讀 3276·2019-08-29 12:36