成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

ESLint使用文檔

Freelander / 2052人閱讀

摘要：父級目錄下的配置將使用于所有子目錄，當(dāng)子目錄下的配置文件中的規(guī)則與父級配置發(fā)生沖突時，使用優(yōu)先級高的，離的最近的一個優(yōu)先。禁止檢測父級配置為了將限制到一個特定的項目，在配置文件里設(shè)置。

依賴安裝

ESLint 全局安裝和項目根目錄下安裝都可以，只是應(yīng)用起來稍微有些區(qū)別；
eslint-plugin-react是兼容React語義的插件；

以下安裝選擇一種即可，推薦局部安裝，插件也根據(jù)項目安裝；

全局安裝

全局安裝如下：

局部安裝

進(jìn)入項目根目錄下安裝：

區(qū)別：
在全局安裝ESLint，所有的插件必須也全局安裝；
在局部安裝ESLint，插件不限制在哪里安裝；

工具配置

IntelliJ IDEA、 Webstrom的配置一樣，如果ESLint package沒有自動填充，需要把node_modules中的eslint導(dǎo)入進(jìn)去；

配置文件

經(jīng)過以上步驟，隨意打開一個.js文件會發(fā)現(xiàn)報錯；

文件忽略

設(shè)置一些忽略檢測的文件：

多配置 多配置檢測順序

如果同一目錄下有多個配置文件，按以下順序檢測，使用第一個匹配到的文件：

.eslintrc.js
.eslintrc.yaml
.eslintrc.yml
.eslintrc.json
.eslintrc
package.json
多配置處理方式

如果項目下有多個結(jié)構(gòu)層級不同的配置文件，會產(chǎn)生配置級聯(lián)；

默認(rèn)情況下，ESLint 會在所有父級目錄里尋找配置文件，一直到根目錄。

父級目錄下的配置將使用于所有子目錄，當(dāng)子目錄下的配置文件中的規(guī)則與父級配置發(fā)生沖突時，使用優(yōu)先級高的，離的最近的一個優(yōu)先。

禁止檢測父級配置

為了將 ESLint 限制到一個特定的項目，在配置文件里設(shè)置 "root": true。
ESLint 一旦發(fā)現(xiàn)配置文件中有 "root": true，它就會停止在父級目錄中尋找。

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

注釋以指令(eslint/eslint-env/global/eslint-disable)開始，接下來是逗號分隔的規(guī)則列表；

作用：
會覆蓋配置文件里的規(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ī)則頁面查看被標(biāo)記為?的規(guī)則；

注意：.gitignore中設(shè)置node_modules/

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/81833.html

相關(guān)文章

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

    摘要：的初衷是為了讓程序員可以創(chuàng)建自己的檢測規(guī)則。為了便于人們使用，內(nèi)置了一些規(guī)則，當(dāng)然，你可以在使用過程中自定義規(guī)則。所有的規(guī)則默認(rèn)都是禁用的。在文件里的字段進(jìn)行配置。如何編寫一個知道了的原理，接下來可以自定義一個。 eslint介紹 ESLint 是一個開源的 JavaScript 代碼檢查工具，由 Nicholas C. Zakas 于2013年6月創(chuàng)建。代碼檢查是一種靜態(tài)的分析，常用...

    zqhxuyuan 評論0 收藏0

  • 前端代碼質(zhì)量進(jìn)階：自定義 eslint 規(guī)則校驗業(yè)務(wù)邏輯

    摘要：自定義規(guī)則校驗代碼業(yè)務(wù)邏輯是社區(qū)中主流的工具，提供的大量規(guī)則有效的保障了許多項目的代碼質(zhì)量。本文將介紹如何通過自定義檢查規(guī)則，校驗項目中特有的一些業(yè)務(wù)邏輯，如特殊作用域特殊使用規(guī)范性等。 自定義 eslint 規(guī)則校驗代碼業(yè)務(wù)邏輯 eslint 是 JavaScript 社區(qū)中主流的 lint 工具，提供的大量規(guī)則有效的保障了許多項目的代碼質(zhì)量。本文將介紹如何通過自定義 eslint ...

    Coly 評論0 收藏0

  • eslint webpack2 vue-loader配置

    摘要：使用或去定義配置的結(jié)構(gòu)。在里創(chuàng)建一個屬性，在那里定義你的配置。如果同一個目錄下有多個配置文件，只會使用一個。 eslint是一個代碼檢測工具 官網(wǎng)如下http://eslint.cn/ npm install eslint --save-dev 需要這幾個npm包: eslint eslint-loader eslint-plugin-html (用以lint一些在html文件里面通...

    junnplus 評論0 收藏0

  • eslint webpack2 vue-loader配置

    摘要：使用或去定義配置的結(jié)構(gòu)。在里創(chuàng)建一個屬性，在那里定義你的配置。如果同一個目錄下有多個配置文件，只會使用一個。 eslint是一個代碼檢測工具 官網(wǎng)如下http://eslint.cn/ npm install eslint --save-dev 需要這幾個npm包: eslint eslint-loader eslint-plugin-html (用以lint一些在html文件里面通...

    Null 評論0 收藏0

  • ESLint簡單操作

    摘要：簡介是由編寫的一個可擴(kuò)展每條規(guī)則獨立不內(nèi)置編碼風(fēng)格為理念的工具。在團(tuán)隊協(xié)作中，為避免低級產(chǎn)出風(fēng)格統(tǒng)一的代碼，會預(yù)先制定編碼規(guī)范。使用工具和代碼風(fēng)格檢測工具，則可以輔助編碼規(guī)范執(zhí)行，有效控制代碼質(zhì)量。 簡介 ESLint 是由 Nicholas C. Zakas 編寫的一個可擴(kuò)展、每條規(guī)則獨立、不內(nèi)置編碼風(fēng)格為理念的 Lint 工具。 在團(tuán)隊協(xié)作中，為避免低級 Bug、產(chǎn)出風(fēng)格統(tǒng)一的代碼...

    liukai90 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<