IntelliJはVue.jsコンポーネントテンプレートで改行を許可していません

Question

Vue.jsでIntelliJ IDEAを使用しています。コンポーネントテンプレートの定義に関しては少し問題があります。簡単に言えば、IntelliJのは例

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

し、それらを連結しようとせずに長い1行を超えることはできませんそして、私はスペースにそれを試してみるときに1個の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>` 
});