3

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

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

如何重新格式化 JavaScript 和 HTML？

JavaScript 文件中的 HTML 代码不会被 PhpStorm 重新格式化

4

3 回答 3

9

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

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

2016.2 不支持格式化在 Typescript/ECMAScript 6 中注入的 HTML。此功能 ( WEB-18307 ) 自 2017.1 起可用，请参阅https://www.jetbrains.com/help/webstorm/2017.1/using-language-injections.html #d240474e440

于 2017-06-18T12:26:27.157 回答
0

查看代码样式选项：

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

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

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

在您的 HTML 位于 JavaScript 字符串中的情况下，它将（正确地）不被格式化。我建议执行以下操作：

  1. 将 HTML 复制到单独的 .HTML 文件中
  2. 在那里重新格式化HTML
  3. 复制重新格式化的 HTML
  4. 返回到对象的字符串值（模板）
  5. 写：模板：''< - 将您的插入点放在引号之间
  6. 粘贴。PHPStorm 应该自动为您转义引号
于 2017-06-20T18:46:07.840 回答