如何在Visual Studio代码中格式化Laravel Blade代码?

我已经安装了一些Visual Studio代码扩展来处理Laravel Blade代码,例如

但是他们没有帮助我格式化Laravel Blade Codes [blade.php文件]。我的意思是他们没有像我预期的那样自动缩进代码。但是我在网上看到过刀片代码,这些代码在Visual Studio Code IDE中很好地缩进。

例:

enter image description here

Visual Studio Code Environment For Laravel

他们是否有任何特定的配置或技术,我可以用来使这些扩展工作,或者有其他方法?


答案 1
  1. 首先转到“Visual Studio Code”设置,然后搜索选项“files.associations”如果该选项在设置中不可用。请将 Visual Studio Code 更新到最新版本。

  2. 在设置覆盖面板中,经过以下代码段

"files.associations": {
    "*.blade.php": "html",
    "*.tpl": "html"
}

它将为 html 类型关联 .blade.php 和 .tpl 文件扩展名

保存它,你就可以走了。快乐的格式:)

enter image description here

更新:使用刀片代码格式化html仍然存在一些问题,格式化程序在执行格式化命令时倾向于将刀片代码放在一行中。但是,如果您的代码增长,那将不是问题。此外,您可以通过在刀片块之间放置一行注释来轻松管理这些内容。在代码中注释总是一件好事。


更新:似乎更新的版本添加了一个选项,用于在用户设置中启用边栏选项卡格式设置。要使用它,

  1. 请确保您使用的是最新版本并安装了“Laravel Blade Snippets”扩展。

  2. 然后 ++ :键入用户设置CtrlShiftPEnter

enter image description here3. 在“用户设置”>“扩展”>“刀片式服务器配置”中,选中“启用格式化刀片文件”选项。

enter image description here

就是这样。


答案 2

更新 VSCode。转到“设置>扩展”和“启用刀片格式”复选框。使用窗口的快捷方式: ++:ShiftAltF

Enable Blade code format


推荐