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

【问题标题】：how can i prettier template literal in javascript with intellij我怎样才能用intellij在javascript中更漂亮的模板文字
【发布时间】：2021-10-25 09:06:22
【问题描述】：

我在 javaScript 中使用模板文字

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

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

当我按下 [ ctrl + alt + l ] 时没有任何改变

我想自动制作这种格式

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

有可能吗？

【问题讨论】：

如果粘贴到 HTML 文件中，这样的 HTML 片段格式是否正确？在 JSX 文件中它是否突出显示为 HTML（标签是否被识别？）？如果在声明之前添加 //language=HTML 注释会有所帮助吗？
"//language=HTML" 是非常合适的解决方案，谢谢您的评论。

标签： javascript intellij-idea code-formatting

【解决方案1】：

如果您使用的是 Visual Studio Code，则可以使用此扩展：https://marketplace.visualstudio.com/items?itemName=Tobermory.es6-string-html

（我相信其他 IDE 也有等效的扩展）

【讨论】：