请问 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>
请问大家用什么插件如何配置的,请赐小弟一教,在此谢过
找到了 :smile:
安装 Beautify Blade 插件,然后配置