php - 如何在 Visual Studio Code 中使用 HTML 标记格式化 PHP 文件？

Question

我正在使用 Laravel，所以所有 View 都是 .blade.php 文件。由于 PHP 扩展，Visual Studio Code 不会格式化 HTML。我删除了文件名的“ Blade ”部分，但它仍然没有正确格式化文件(通过 Alt+Shift+F) .

我还尝试了大约五个扩展，但没有一个可以重新格式化。

如何在 Visual Studio Code 中格式化 .blade.php 文件？

Answer 1

分机Beautify (来自 HookyQR)做得很好。将 PHP 和任何其他文件扩展名类型添加到配置中。作为said by Nico ，这里是一个例子:

1. 转到用户设置(Ctrl + Shift + P → 用户设置(UI)或 Ctrl + ,(逗号)

2. 在上面的字段中搜索 Beautify。并点击 “在 settings.json 中编辑” “美化:配置”。

3. 对于 “html” 部分，添加 “php” 和 “blade”。

   

###用法

您可以直接调用它。按F1，然后输入Beautify。 自动完成给你两个选择，“美化文件”和“美化选择”。 选择您需要的那个，它将完成这项工作。这是一种直截了当的直接方式。

您还可以添加键绑定(bind)以拥有键盘快捷键。方法如下:

1. 打开 keybindings.json(转到菜单文件 → 首选项 → 键盘快捷键)

2. 点击上面的。打开并编辑文件 keybindings.json

3. 将以下内容添加到闭括号中，[]

   {
          "key": "alt+b",
          "command": "HookyQR.beautify",
          "when": "editorFocus"
   }
   

   选择您想要的任何 key ，并确保您没有覆盖现有 key 。先在左边查找是否存在。

   

请注意，所有这些内容都在扩展的描述中得到了很好的记录。

额外:关于 Blade 的注意事项

(@Peter Mortensen 澄清的套件)

blade 或 blade.php

如果你对设置的是blade还是blade.php感到困惑!我会为你清理它!这是 Blade !这是该语言的 vscode 关键字!

你怎么知道的？

首先，如果您打开如下图所示的语言列表:

写 Blade

可以看到Laravel Blade( Blade )!语言关键字在括号中! Blade !

好吧，但如何检查!

尝试在设置中使用 blade.php!

尽量美化

你会得到一个询问是什么语言(html、css、js)的上下文菜单!

所以它不起作用!

真正了解!放回 Blade ! 而且会直接工作和美化!

它与 blade 的配合情况如何

这个问题的绝妙答案!试试吧，亲眼看看!

但如果你问我!我会说它确实像 html 一样工作!它可能太方便了!您可能需要修复一些线路!取决于您的期望和风格!

这里有插图!我故意搞砸了缩进

这里是美化结果: