IntelliJ不允许使用Vue.js组件模板换行

Question

我正在使用IntelliJ IDEA Vue.js，并且在定义组件模板时遇到轻微问题。简单地说，的IntelliJ不会让他们长于一行，但不尝试拼接然后

例

Vue.component('app-button', { 
    template: '<div class="button-container"><div class="button-outer"><div class="button-inner"></div></div></div>' 
}); 

当我试图空间出来，所以一个HTML标签，每行..

Vue.component('app-button', { 
    template: '<div class="button-container">' + 
    '<div class="button-outer">' + 
    '<div class="button-inner">' + 
    '</div>' + 
    '</div>' + 
    '</div>' 
}); 

这使得很难定义模板来说至少。有没有办法让IntelliJ能够更好地使用这些字符串？如果不是，我可以在一个单独的文件或其他东西中定义它们吗？

Answer 1

使用ES6模板（http://es6-features.org/#StringInterpolation），像这样：

Vue.component('app-button', { 
    template: `<div class="button-container"><div class="button-outer"><div class="button-inner"></div></div></div>` 
});