vue-cli中的ESlint配置文件eslintrc.js详解

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli中的ESlint配置文件eslintrc.js详解相关的知识,希望对你有一定的参考价值。

eslint简介

eslint是用来管理和检测js代码风格的工具,可以和编辑器搭配使用,如vscode的eslint插件 当有不符合配置文件内容的代码出现就会报错或者警告

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

module.exports = {
    //此项是用来告诉eslint找当前配置文件不能往父级查找
    root: true, 
    //此项是用来指定eslint解析器的,解析器必须符合规则,babel-eslint解析器是对babel解析器的包装使其与ESLint解析
    parser: babel-eslint,
    //此项是用来指定javascript语言类型和风格,sourceType用来指定js导入的方式,默认是script,此处设置为module,指某块导入方式
    parserOptions: {
        sourceType: module
    },
    //此项指定环境的全局变量,下面的配置指定为浏览器环境
    env: {
        browser: true,
    },
    // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
    // 此项是用来配置标准的js风格,就是说写代码的时候要规范的写,如果你使用vs-code我觉得应该可以避免出错
    extends: standard,
    // required to lint *.vue files
    // 此项是用来提供插件的,插件名称省略了eslint-plugin-,下面这个配置是用来规范html
    plugins: [
        html
    ],
    // add your custom rules here
    // 下面这些rules是用来设置从插件来的规范代码的规则,使用必须去掉前缀eslint-plugin-
    // 主要有如下的设置规则,可以设置字符串也可以设置数字,两者效果一致
    // "off" -> 0 关闭规则
    // "warn" -> 1 开启警告规则
    //"error" -> 2 开启错误规则
    // 了解了上面这些,下面这些代码相信也看的明白了
    rules: {
        // 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
    }
}

 

以上是关于vue-cli中的ESlint配置文件eslintrc.js详解的主要内容,如果未能解决你的问题,请参考以下文章

在 Vue-cli 项目中应用 eslint-loader 选项,以便尊重 eslint 配置

如何在 vue-cli 3 上禁用 eslint?

vscode中eslint插件的配置

vue-cli的eslint要不要安装

vue-cli3项目关闭ESlint检查

vue-cli禁用eslint的方式