ESLint總是扔鍵間距誤差

Question

在我.eslintrc我有以下幾點：

'key-spacing': [ 'error', { 
    'singleLine': { 
     'beforeColon' : false, 
     'afterColon' : true 
    }, 
    'multiLine': { 
     'beforeColon' : false, 
     'afterColon' : true, 
     'align'   : 'colon' 
    } 
}] 

，目的是爲了確保在對象賦值，以下是真實的：

在
1. 單行分配，每個冒號前沒有空格，但是後面有一個。
2. 在多行分配中，冒號水平排列，而 每個冒號前後都有一個空格。

奇怪的是以下三個代碼片段：

1從我app.vue文件。

export default { 
    name  : 'app', 
    components : { 
     todos 
    } 
} 

2 [來自我的main.js文件]。

new Vue({ 
    el  : '#app', 
    render : h => h(App) 
}) 

3 [來自我的Hello.spec.js文件]。

const vm = new Vue({ 
    el  : document.createElement('div'), 
    render : h => h(Hello) 
}) 

上的鍵間距eslint規則中的每個引發錯誤：

/Users/autoboxer/development/learning-vue/src/app.vue 
    12:3 error Missing space after key 'name' key-spacing 

/Users/autoboxer/development/learning-vue/src/main.js 
    6:2 error Missing space after key 'el' key-spacing 

/Users/autoboxer/development/learning-vue/test/unit/specs/Hello.spec.js 
    7:4 error Missing space after key 'el' key-spacing 

我無法從我的設置弄清楚爲什麼他們會造成列出的錯誤，因爲有必要的空間後，每個指定的字，但任何幫助，將不勝感激。

Answer 1

此規則的配置非常複雜。我知道你在尋找的是這樣的：

'key-spacing': [ 'error', { 
    'singleLine': { 
     'beforeColon' : false, 
     'afterColon' : true 
    }, 
    "align": { 
     "beforeColon" : true, 
     "afterColon" : true, 
     "on"   : "colon" 
    } 
}] 

然而，即使有這樣的配置，ESLint不允許的冒號任意位置。它們必須儘可能接近對象中最長的鍵名。因此，通過上述配置，您的代碼必須更改爲：

export default { 
    name  : 'app', 
    components : { 
     todos 
    } 
} 

這將正確使用我提供的配置。