ESLint immer werfen Schlüsselabstandsfehler

Question

Ich habe folgendes in meinem .eslintrc:

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

Das Ziel sicher in einer Objektzuordnung zu machen ist, dass die folgenden Bedingungen erfüllt ist:

1. in a Einzellinie Zuweisung, es gibt kein Leerzeichen vor jedem Doppelpunkt, , aber es gibt eine nach.
2. in einer mehrzeiligen Zuweisung, die Doppelpunkte horizontal ausgerichtet, und gibt es ein Leerzeichen vor und nach jedem Doppelpunkt.

das Merkwürdige ist, dass die folgenden drei Code-Schnipsel:

1 [von meiner app.vue Datei].

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

2 [aus meiner Datei main.js].

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

3 [aus meiner Hello.spec.js Datei].

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

jeweils werfen Fehler auf dem Tastenabstand eslint Regel:

/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 

ich nicht von meinen Einstellungen herausfinden können, warum sollten sie die Fehler verursacht werden aufgelistet, da es die erforderlichen Räume sind nach jedes angegebene Wort, aber jede Hilfe würde geschätzt werden.

Answer 1

Konfiguration für diese Regel ist sehr komplex. Ich denke, was Sie suchen so etwas wie diese:

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

Aber auch bei dieser Konfiguration ESLint nicht für Doppelpunkte für beliebigen Ort zu ermöglichen. Sie müssen so nah wie möglich an dem längsten Schlüsselnamen im Objekt sein.

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

das richtig mit Konfiguration Fussel werde ich zur Verfügung gestellt: Also mit der obigen Konfiguration Ihren Code ändern muss.