ESLint는 항상 내가 내 .eslintrc에 다음 한 키 간격을 오류

Question

을 던지는 :

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

다음이 사실임을 개체 할당에서 확인되는 목표 : A의

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 파일에서]. 나열된 오류의 원인이 될 왜 필요한 공간 후이 있기 때문에 내 설정에서 알아낼 수 없습니다

/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 

:

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

는 키 간격 eslint 규칙의 각 던지는 오류가 있습니다 각 특정 단어,하지만 어떤 도움을 주시면 감사하겠습니다.

Answer 1

이 규칙의 구성은 실제로 복잡합니다.

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

그러나,이 구성, ESLint 콜론에 대한 임의의 위치에 대한 허용하지 않습니다 : 나는 당신을 위해 무엇을 찾고있는 것은이 같은 생각합니다. 가능한 한 오브젝트의 가장 긴 키 이름에 가까이 있어야합니다. 위의 구성을 사용하면 코드가 다음으로 변경되어야합니다.

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

제공된 구성으로 올바르게 채울 수 있습니다.