vue.js - 是否可以配置 prettier 以将脚本标记中的文本视为 HTML？

Question

我正在使用 Vue，并且我在脚本标签中编写了许多模板。我想配置 Prettier 以将这些模板视为它们的 HTML，但我在文档中没有找到任何关于如何执行此操作的内容。

它看起来像这样。现在，Prettier 无法帮助我处理该脚本标签内的 HTML。我想告诉它这些包含 HTML，所以它的行为就像 HTML 在脚本标记之外一样。

<script type="text/x-template">
  <p>Hello world.</p>
</script>

旁白...我非常依赖 Prettier，以至于我将 HTML 放在 script 标签中的一部分，这样它就可以放在一个单独的文件中，Prettier 将在其中运行。令人费解，但这是一种解决方法。不过，我真的想要一个解决方案。

Answer 1

Prettier 目前不支持，但如果有人制作 PR，将来可能会支持。您现在可以做的最接近的事情是使用 type="text/x-handlebars-template" ，但这不会使用与 HTML 相同的解析器和打印机。 Handlebars (Glimmer) 支持仍处于 alpha 阶段。