Visual Studio 代码自动将 @this 替换为 < blade this >

Question

我正在使用 Laravel-Livewire 堆栈。

我不知道为什么，但每次保存文档时，Visual Studio Code 都会将

@this

替换为

< blade this >

。

有人可以帮助我避免这种情况吗？

在保存文件“favorite.blade.php”之前，

<div> something </div>
@push('scripts')
    <script>
        $(document).ready(function() {
            console.log("AAAAAAAAAAAAAAAA");
            $('.select2').select2();
            $('.select2').on('change', function(e) {
                var data = $('.select2').select2("val");
                @this
            });
        });
    </script>
@endpush

保存文件后favorite.blade.php.

<div> something </div>
@push('scripts')
    <script>
        $(document).ready(function() {
            console.log("AAAAAAAAAAAAAAAA");
            $('.select2').select2();
            $('.select2').on('change', function(e) {
                var data = $('.select2').select2("val"); <
                blade this >
            });
        });
    </script>
@endpush

我的 vs-code 设置。JSON 包含此设置。

"[php]": {
        "editor.formatOnSave": true
    }

Answer 1

1 - 打开工作区的

"settings.json"

文件。您可以通过单击

gear icon at the bottom of the sidebar

并选择

"Settings,"

，然后选择

"Open Settings (JSON)"

选项来访问它。

2 - 添加以下配置以禁用 Blade 格式化程序：

"[blade]": {
    "editor.formatOnSave": false
},

这应该可以防止 VS Code 在保存文件时自动格式化 Blade 代码。

此外，您可能需要检查 VS Code 中是否安装了任何可能导致此行为的与 Blade 相关的扩展。如果有，您可以尝试禁用它们或调整它们的设置。