亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

ESLint使用文檔

Freelander / 2104人閱讀

摘要:父級(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í)目錄中尋找。

內(nèi)聯(lián)注釋配置

注釋以指令(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

相關(guān)文章

  • 十分鐘了解eslint配置 && 編寫(xiě)自定義eslint規(guī)則

    摘要:的初衷是為了讓程序員可以創(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)的分析,常用...

    zqhxuyuan 評(píng)論0 收藏0
  • 前端代碼質(zhì)量進(jìn)階:自定義 eslint 規(guī)則校驗(yàn)業(yè)務(wù)邏輯

    摘要:自定義規(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 ...

    Coly 評(píng)論0 收藏0
  • eslint webpack2 vue-loader配置

    摘要:使用或去定義配置的結(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文件里面通...

    junnplus 評(píng)論0 收藏0
  • eslint webpack2 vue-loader配置

    摘要:使用或去定義配置的結(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文件里面通...

    Null 評(píng)論0 收藏0
  • ESLint簡(jiǎn)單操作

    摘要:簡(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)一的代碼...

    liukai90 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<