解决 vscode 格式化 blade 文件问题

使用 vscode 开发 Laravel 程序,遇无法正确格式化 blade.php 文件问题,探索后终完美解决,记录如下。

安装插件

  1. Laravel 5 Snippets
    本插件将提供 Laravel 自动补全外,还将拓展新的文件格式 Laravel Blade(blade)
解决 vscode 格式化 blade 文件问题_第1张图片
添加 blade 文件类型
  1. Beautify
    格式化 js, css, html 文件

配置

  1. 将 blade 文件类型,添加到 Beautify 文件支持列表,以 html 类型进行格式化。进入 User Settings ,修改 beautify.language 设置
解决 vscode 格式化 blade 文件问题_第2张图片
支持格式化 blade 文件
  1. 如需定义其格式化规范,可以在根目录创建 .jsbeautifyrc 定义 Beautify 格式化规则
解决 vscode 格式化 blade 文件问题_第3张图片
html 缩进为 4
  1. 完成
    在 Blade 文件右键,可以看到格式化选项
解决 vscode 格式化 blade 文件问题_第4张图片
正确格式化

你可能感兴趣的:(解决 vscode 格式化 blade 文件问题)