美文网首页
vue项目校验规范配置

vue项目校验规范配置

作者: 唐_亮 | 来源:发表于2021-04-09 16:21 被阅读0次

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

    module.exports = {

        root: true,

        // 采用vue提供的解析器

        parser: 'vue-eslint-parser',

        // 同时存在的解析器

        parserOptions: {

            parser: 'babel-eslint',

            sourceType: 'module'

        },

        env: {

            browser: true

        },

        extends: ['airbnb-base', 'plugin:vue/recommended'],

        // required to lint *.vue files

        plugins: ['vue'],

        settings: {

            // 解析import的资源路径,比如alias

            'import/resolver': {

                webpack: {

                    config: './build/webpack.config.js'

                }

            }

        },

        // 自定义校验规则

        rules: {

            // eslint-plugin-import插件提供的能力

            'import/extensions': [

                'error',

                'always',

                {

                    js: 'never',

                    vue: 'never',

                    css: 'never',

                    less: 'never'

                }

            ],

            'no-param-reassign': 'off',

            // 允许在开发环境添加debugger

            'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',

            indent: ['error', 4],

            'linebreak-style': ['error', 'unix'],

            quotes: ['error', 'single'],

            semi: ['error', 'always'],

            'comma-dangle': ['error', 'never'],

            'global-require': 'off',

            'no-trailing-spaces': 'off',

            'eol-last': 'off',

            'max-len': ['error', { code: 120 }],

            'arrow-parens': ['error', 'as-needed'],

            'vue/script-indent': ['error', 4],

            'vue/html-indent': ['error', 4],

            'vue/require-component-is': 'off',

            'vue/html-closing-bracket-newline': [

                'error',

                {

                    singleline: 'never',

                    multiline: 'never'

                }

            ],

            'vue/max-attributes-per-line': [

                'error',

                {

                    singleline: 1,

                    multiline: {

                        max: 1,

                        allowFirstLine: true

                    }

                }

            ]

        }

    };

    相关文章

      网友评论

          本文标题:vue项目校验规范配置

          本文链接:https://www.haomeiwen.com/subject/yktwkltx.html