eslintrc.js 常用配置

module.exports = {
    //此項(xiàng)是用來告訴eslint找當(dāng)前配置文件不能往父級(jí)查找
    root: true, 
    //此項(xiàng)是用來指定eslint解析器的,解析器必須符合規(guī)則,babel-eslint解析器是對(duì)babel解析器的包裝使其與ESLint解析
    parser: 'babel-eslint',
    //此項(xiàng)是用來指定javaScript語言類型和風(fēng)格,sourceType用來指定js導(dǎo)入的方式,默認(rèn)是script,此處設(shè)置為module,指某塊導(dǎo)入方式
    parserOptions: {
        sourceType: 'module'
    },
    //此項(xiàng)指定環(huán)境的全局變量,下面的配置指定為瀏覽器環(huán)境
    env: {
        browser: true,
    },
    // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
    // 此項(xiàng)是用來配置標(biāo)準(zhǔn)的js風(fēng)格,就是說寫代碼的時(shí)候要規(guī)范的寫,如果你使用vs-code我覺得應(yīng)該可以避免出錯(cuò)
    extends: 'standard',
    // required to lint *.vue files
    // 此項(xiàng)是用來提供插件的,插件名稱省略了eslint-plugin-,下面這個(gè)配置是用來規(guī)范html的
    plugins: [
        'html'
    ],
    // add your custom rules here
    // 下面這些rules是用來設(shè)置從插件來的規(guī)范代碼的規(guī)則,使用必須去掉前綴eslint-plugin-
    // 主要有如下的設(shè)置規(guī)則,可以設(shè)置字符串也可以設(shè)置數(shù)字,兩者效果一致
    // "off" -> 0 關(guān)閉規(guī)則
    // "warn" -> 1 開啟警告規(guī)則
    //"error" -> 2 開啟錯(cuò)誤規(guī)則
    // 了解了上面這些,下面這些代碼相信也看的明白了
    'rules': {
        //語句結(jié)束需要寫分號(hào) ;
        "semi": [
            2,
            "always"
        ],
        //縮緊為4個(gè)空格
        "indent": [
            "error",
            4
        ],
        // js 的引號(hào)必須是單引號(hào)
        "quotes": [
            2,
            "single"
        ]
        // allow paren-less arrow functions
        'arrow-parens': 0,
        // allow async-await
        'generator-star-spacing': 0,
        // allow debugger during development
        'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
    }
}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容