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

Question

我将 IntelliJ IDEA 与 Vue.js 一起使用，但在定义组件模板时遇到了一个小问题。简单地说，IntelliJ 不会让它们超过一行而不尝试连接 then

例子

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

当我尝试 space 时，每行都有一个 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>`
});

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

IntelliJ doesn't allow newlines with Vue.js component templates

javascript

intellij-idea

webstorm

vue.js