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

Question

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

在PhpStorm中，我想在我的JavaScript文件中重新格式化HTML代码。但是当我点击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

查看代码样式选项：

These are my settings and my mixed HTML/JavaScript gets formatted nicely

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

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

如果您的HTML位于JavaScript字符串中，则（正确地）不会格式化。我建议你做以下事情：

1. 将HTML复制到单独的.HTML文件
2. 重新格式化HTML
3. 复制重新格式化的HTML
4. 返回对象的字符串值（模板）
5. 写：模板：＆＃39; ＆＃39; ＆lt; - 将插入点放在引号之间
6. 粘贴。 PHPStorm应该自动逃避报价