如何在PhpStorm的JavaScript文件中重新格式化HTML代码

Question

我正在使用PhpStorm 2016.2并使用VueJS开发Web应用程序。

在PhpStorm中，我想在我的JavaScript文件中重新格式化HTML代码。 但是当我点击Code | Reformat Code | Reformat只有JavaScript被重新格式化。

如何重新格式化JavaScript和HTML？

Answer 1

我找到了另一个解决我的PhpStorm 2016问题的方法。使用片段编辑器。

1. 将光标放在HTML代码片段上。
2. 按ALT + ENTER键并单击“编辑HTML片段”
3. 在片段编辑器中重新格式化html代码。
4. 您的Javascript文件会直接更新。

Answer 2

2016.2不支持格式化在Typescript / ECMAScript 6中注入的HTML格式。此功能（ WEB-18307 ）自2017.1开始提供，请参阅https://www.jetbrains.com/help/webstorm/2017.1/using-language-injections.html ＃d240474e440

Answer 3

看看代码样式选项：

这些是我的设置，我的混合HTML / JavaScript格式很好

此外，确保在需要时在引号上使用必要的转义标记，并在运行重新格式化之前正确放置结束括号/分号。

您的JavaScript对象的“模板”使用'（单引号）来打开看起来像多行字符串的内容。 第49行似乎还有另一个单引号可能会弄乱检查员。

在您的HTML在JavaScript字符串中的情况下，它（正确地）不会被格式化。 我建议你做以下事情：

1. 将HTML复制到单独的.HTML文件中
2. 在那里重新格式化HTML
3. 复制重新格式化的HTML
4. 返回对象的字符串值（模板）
5. write：template：''< - 将插入点放在引号之间
6. 糊。 PHPStorm应该自动逃避报价