小编phe*_*rin的帖子

Vue 组件脚本缩进规则冲突

我正在尝试为我的新 Vue 项目设置一些 ESLint 规则,扩展eslint-plugin-vueairbnb。我可以把一切都设置得很好,除了 Vue 组件中的标签。

接受的默认值类似于:

<script>
export default {
    name: 'Login',
};
</script>
Run Code Online (Sandbox Code Playgroud)

但是我试图让这种代码风格被接受:

<script>
    export default {
        name: 'Login',
    };
</script>
Run Code Online (Sandbox Code Playgroud)

使用规则vue/script-indent ( https://eslint.vuejs.org/rules/script-indent.html ) 我可以在baseIndent设置为 1 的情况下完成工作。但是,lint 规则仍在抱怨它.

我试着把它放在这个.eslintrc.json文件中:

"overrides": [
    {
        "files": [",*.vue"],
        "rules": {
            "indent": "off"
        }
    }
]
Run Code Online (Sandbox Code Playgroud)

还尝试使用缩进规则中的ignoreNodes ( https://eslint.org/docs/rules/indent ) 但是我认为我无法正确使用 AST 选择器。

这是我当前的.eslintrc.json文件:

{
    "extends": [
        "plugin:vue/recommended",
        "@vue/airbnb"
    ],
    "rules": {
        "indent": [2, 4],
        "vue/html-indent": [2, 4], …
Run Code Online (Sandbox Code Playgroud)

javascript lint eslint vue.js vue-component

5
推荐指数
1
解决办法
1043
查看次数

标签 统计

eslint ×1

javascript ×1

lint ×1

vue-component ×1

vue.js ×1