请问 VSCode 格式化 blade 模板时,@ 指令不缩进,如何解决?

如题我在格式化 blade 模板时所有@指令没有有效的缩进:

<div class="form-group row">
    <label for="area" class="col-12 col-form-label">发布地区</label>

    <div class="col-12">
        <select id="area" class="form-control @error('area') is-invalid @enderror" name="area" required>
            @if(old('area'))
            @foreach ($areas as $area)
            <option value="{{ $area->id }}" @if(old('area')==$area->id) selected="selected" @endif>{{ $area->full_name }}</option>
            @endforeach
            @elseif(Auth::user()->permanentArea())
            @foreach ($areas as $area)
            <option value="{{ $area->id }}" @if(Auth::user()->permanentArea()->id == $area->id) selected="selected" @endif>{{ $area->full_name }}</option>
            @endforeach
            @else
            <option selected="selected">请选择发布地区</option>
            @foreach ($areas as $area)
            <option value="{{ $area->id }}">{{ $area->full_name }}</option>
            @endforeach
            @endif
        </select>

        @error('area')
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
        @enderror
    </div>
</div>

但其实下面这样更容易辨识和美观:

<div class="form-group row">
    <label for="area" class="col-12 col-form-label">发布地区</label>

    <div class="col-12">
        <select id="area" class="form-control @error('area') is-invalid @enderror" name="area" required>
            @if(old('area'))
                @foreach ($areas as $area)
                <option value="{{ $area->id }}" @if(old('area')==$area->id) selected="selected" @endif>{{ $area->full_name }}</option>
                @endforeach
            @elseif(Auth::user()->permanentArea())
                @foreach ($areas as $area)
                <option value="{{ $area->id }}" @if(Auth::user()->permanentArea()->id == $area->id) selected="selected" @endif>{{ $area->full_name }}</option>
                @endforeach
            @else
                <option selected="selected">请选择发布地区</option>
                @foreach ($areas as $area)
                <option value="{{ $area->id }}">{{ $area->full_name }}</option>
                @endforeach
            @endif
        </select>

        @error('area')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
        @enderror
    </div>
</div>

请问大家用什么插件如何配置的,请赐小弟一教,在此谢过:pray:

《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
最佳答案

找到了 :smile:

安装 Beautify Blade 插件,然后配置

...
"[blade]": {
        "editor.defaultFormatter": "apility.beautify-blade"
    },
...
4年前 评论
飞机飞过天空 4年前
mayingbiao89 (作者) (楼主) 4年前
jfpl 4年前
mayingbiao89 (作者) (楼主) 4年前
讨论数量: 2

找到了 :smile:

安装 Beautify Blade 插件,然后配置

...
"[blade]": {
        "editor.defaultFormatter": "apility.beautify-blade"
    },
...
4年前 评论
飞机飞过天空 4年前
mayingbiao89 (作者) (楼主) 4年前
jfpl 4年前
mayingbiao89 (作者) (楼主) 4年前

这个 PHPStorm Formatter 插件提示也能格式化 blade 模板,需要安装 PHPStorm,就没折腾,有试过的小伙伴,分享一下经验。 :grin:

4年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!