vue项目添加eslint

安装：
1、vue add @vue/eslint
然后选择自己喜欢的风格，我选择prettier

在配置上，大部分是通用的，但是我们应该为小程序配置全局变量：
"globals": {
"getApp": "readonly",
"wx": "readonly",
"uni": "readonly"
}

.eslintrc.js 文件参考

module.exports = {
    root: true,
    env: {
        node: true,
    },
    extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
    parserOptions: {
        parser: "babel-eslint",
    },
    rules: {
        "no-debugger": "warn",
        indent: ["error", "tab", { SwitchCase: 1 }],
        "no-console": ["warn", { allow: ["info"] }],
        // 标签内容开始和结束需要空格，达到美观  https://eslint.vuejs.org/rules/multiline-html-element-content-newline.html
        "vue/multiline-html-element-content-newline": [
            "error",
            {
                ignoreWhenEmpty: true,
                ignores: ["pre", "textarea"],
                allowEmptyLines: false,
            },
        ],
        // 闭合标签
        "vue/html-self-closing": [
            "warn",
            {
                //没有子元素，自动使用闭合单标签
                html: {
                    normal: "never",
                    void: "always",
                    component: "always",
                },
            },
        ],
    },
    // 全局的变量，可以不引用直接使用
    globals: {
        getApp: true,
        uni: true,
        wx: true,
        getCurrentPages: true,
    },
};

.editorconfig文件参考

root = true

[*]
charset = utf-8
indent_style = tab
indent_size = 4
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true

.eslintignore 文件参考

dist
node_modules
# src/pages/**/*.vue
src/utils/qqmap-wx-sdk.js
src/utils/qqmap-wx-sdk-h5.js
src/utils/md5.js
src/uni_modules
src/static/js/
!.eslintrc.js
mp-weixin