IntelliJ不允許使用Vue.js組件模板換行

我正在使用IntelliJ IDEA Vue.js，並且在定義組件模板時遇到輕微問題。簡單地說，的IntelliJ不會讓他們長於一行，但不嘗試拼接然後IntelliJ不允許使用Vue.js組件模板換行

例

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能夠更好地使用這些字符串？如果不是，我可以在一個單獨的文件或其他東西中定義它們嗎？

來源

2017-02-24 Jerred Shepherd

這絕對是正確的JavaScript語法。我會建議更模塊化並創建外部文件。 – Josh

https://youtrack.jetbrains.com/issue/WEB-19082 – CrazyCoder

使用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>` 
});

來源

2017-02-24 11:32:40 Potray

我沒有意識到我需要使用back ticks，我認爲這些只是撇號！它在IntelliJ中用back ticks工作正常，我的HTML現在更容易閱讀。謝謝。 –

IntelliJ不允許使用Vue.js組件模板換行

回答

相關問題