如何在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應該自動逃避報價