我怎样才能用intellij在javascript中使模板文字更漂亮

Question

我在 JavaScript 中使用模板文字

let innerHTML = `<div><span>like this</span></div>`;

是否可以像intellij中的jsx一样自动缩进或更漂亮？

当我按 [ ctrl + alt + l ] 时，什么也不改变

我想自动设置这种格式

let innerHTML = `<div>
                     <span>
                         like this
                     </span>
                 </div>`;

是否可以？

Answer 1

您只需在模板字符串之前添加注释，Prettier 就会选择它：

function vanillaComponent() {
  return /* HTML */ `
    <div>
      <h1>Hello</h1>
    </div>
  `
}

目前注释必须是大写，否则不起作用。使用 VSCode 进行测试。