如何在Laravel Blade中使用Prettier格式化含HTML的PHP文件？

原生Prettier不支持Laravel Blade语法解析，要格式化Blade文件中的HTML及Blade代码，需借助专门插件，具体操作步骤如下：

1. 安装Prettier Blade插件 #

在项目根目录执行以下命令安装插件：

npm install prettier-plugin-blade --save-dev
# 或使用yarn
yarn add prettier-plugin-blade --dev

2. 创建Prettier配置文件 #

由于你设置了prettier.requireConfig: true，必须在项目根目录创建Prettier配置文件（如.prettierrc.json），配置插件及Blade相关规则：

{
  "plugins": ["prettier-plugin-blade"],
  // 可选配置，按需调整
  "bladeWrapAttributes": "auto",
  "bladeSortImports": true,
  "bladeSingleQuote": true
}

3. 调整VS Code配置 #

修改你的settings.json，添加Blade文件的类型关联与格式化器设置：

"files.associations": {
    "*.blade.php": "blade"
},
"[blade]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"prettier.requireConfig": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"[php]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
}

4. 测试格式化 #

打开你的index.blade.php文件，使用VS Code格式化快捷键（Windows/Linux：Ctrl+Shift+I，Mac：Cmd+Shift+I），即可看到HTML代码被自动规整，比如示例中title标签内的多余换行会被清除。

内容的提问来源于stack exchange，提问作者SirGhazian