如何在多行HTML字符串上禁用缩进

Question

如何摆脱WebStorm（重新格式化）的缩进？

//预期

template: $template(
    '<div>' +
        '<label> {{currentLength}} </label>  ' +
    '</div>'
)

//不需要，在应用WebStorm自动格式（缩进）之后

template: $template(
    '<div>' +
    '<label> {{currentLength}} </label>  ' +
    '</div>')

Answer 1

我认为这不可能以您建议的形式实现–缩进父语言表达式（JavaScript）以遵守子语言（HTML）的缩进规则。解决方法是，您可以将多行字符串转换为模板字符串（带有反引号），并添加//language=HTML注释以注入HTML并自动设置格式：

//language=HTML
template: $template(
        `<div>
            <label> {{currentLength}} </label>
        </div>`)