定制个性化eslint

我们在使用vue-cli项目时，尤其在团队合作的时候不免要使用eslint，但是有时候eslint过于严格，比如说默认是2个空格，文件最后一行要有换行符等等，这些我们不需要或者不适合的规则，可以通过项目下的.eslintrc.js文件进行配置，例如我的：

 // add your custom rules here
    rules: {
        // allow async-await
        'generator-star-spacing': 'off',
        // allow debugger during development
        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'no-unused-vars': [2, {
            // 允许声明未使用变量
            'vars': 'local',
            // 参数不检查
            'args': 'none'
        }],
        // 关闭语句强制分号结尾
        'semi': [0],
        //空行最多不能超过100行
        'no-multiple-empty-lines': [0, { 'max': 100 }],
        //关闭禁止混用tab和空格
        'no-mixed-spaces-and-tabs': [0],
        //关闭文件结束最后一行必须有换行符
        'eol-last': ['off', 'none'],
        //缩进默认4个空格
        'indent': ['error', 4],
        //关闭函数名前面加空格规则
        'space-before-function-paren': ['off', 'always'],
        //关闭typeof后面有空格规则
        'space-unary-ops': 'off',
        // 关闭同名函数不能重写规则
        'no-func-assign': 'off'
    }

提示：这里有个小技巧：当我们在浏览器控制台看到eslist报错误时：

注意这个错误：

http://eslint.org/docs/rules/no-trailing-spaces

我们在浏览器中打开：

就可以看到这个规则的详解和使用方法。例如你想禁止这个规则：
只需在.eslintrc.js文件的rules中添加”no-trailing-spaces”: “off”即可。
规则一共有三种选项：[‘off’, ‘wran’, ‘error’]或者[0, 1, 2]，所以当你想禁止这条规则时，只需将规则的‘warn’或‘error’用’off’或0表示即可。