eslint-plugin-vue插件关于vue文件中script总是缩进出问题

发布于 2022-09-07 16:21:05 字数 2589 浏览 21 评论 0

vue-cli生成vue项目后添加eslinit报错.
版本如下:

"babel-eslint": "^8.2.1",
 "eslint": "^4.15.0",
"eslint-config-standard": "^10.2.1",
"eslint-friendly-formatter": "^3.0.0",
"eslint-loader": "^1.7.1",
"eslint-plugin-import": "^2.7.0",
"eslint-plugin-node": "^5.2.0",
"eslint-plugin-promise": "^3.4.0",
"eslint-plugin-standard": "^3.0.1",
"eslint-plugin-vue": "^4.0.0",

具体配置如下:

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

module.exports = {
    root: true,
    parserOptions: {
        parser: 'babel-eslint'
    },
    env: {
        browser: true
    },
    extends: [
        // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
        // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
        'plugin:vue/essential',
        // https://github.com/standard/standard/blob/master/docs/RULES-en.md
        'standard'
    ],
    // required to lint *.vue files
    plugins: [
        'vue'
    ],
    // add your custom rules here
    rules: {
        // allow paren-less arrow functions
        'arrow-parens': 0,
        // allow async-await
        'generator-star-spacing': 'off',
        // allow debugger during development
        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        // 通用空格一致
        'comma-spacing': 0,
        //方法前空格允许
        'space-before-function-paren': 0,
        // 限制使用单引号,
        'quotes': 0,
        //不允许行尾有空格
        'no-trailing-spaces': 0,

        'no-unused-vars': 0,
        // 关闭语句强制分号结尾
        'semi': [2, 'always'],
        //空行最多不能超过100行
        'no-multiple-empty-lines': [0, {'max': 100}],
        //关闭禁止混用tab和空格
        'no-mixed-spaces-and-tabs': [0],
        'no-tabs': 0,
        'indent': ['error', 'tab'],
        //'indent': 0,
        //注释空格
        'spaced-comment': 0,
        //判断无等号
        'padded-blocks': 0,
        'no-useless-escape': 0
    },
    "overrides": [
        {
            "files": ["*.vue"],
            "rules": {
                "indent": "off",
                "vue/script-indent": ["error", 4, {"baseIndent": 4}]
            }
        }
    ]
}

报错信息如下:

clipboard.png

clipboard.png

解决方法已经在官方github上的issue找遍,就连配置里面的overrides都是官方上找到的,现在只能是把ident关闭了
官方github:https://github.com/vuejs/esli...

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

空气里的味道 2022-09-14 16:21:05

官方有相关配置项,可修复此问题
链接:script-indent

澉约 2022-09-14 16:21:05

更新vue-cli遇到此问题!目前我也没找到合适办法。就找到2个临时变通办法:

  1. 回档使用eslint-plugin-html插件,不使用eslint-plugin-vue
  2. 像你说的关闭'indent': 'off'

哎,强迫症!习惯script标签内容首行缩进。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文