Как форматировать коды Laravel Blade в коде Visual Studio?

Я установил некоторые расширения кода Visual Studio для обработки кодов лезвий Laravel, таких как

Лезвие laravel- [ https://marketplace.visualstudio.com/items?itemName=KTamas.laravel-blade ]

Фрагменты лезвия Ларавела [ https://marketplace.visualstudio.com/items?itemName=onecentlin.laravel-blade ]

Но они не помогают мне форматировать коды лезвий Laravel [файлы blade.php]. Я имею в виду, что они не имеют автоматического отступа кода, как я ожидал. Но я видел онлайн-блейд-коды, которые хорошо видны в визуальной студии Code IDE.

Пример :

enter image description here

https://medium.com/@ardanirohman/laravel-%EF%B8%8F-visual-studio-code-debug-environment-65440274d3b0

Это какая-то конкретная конфигурация или методика, которую я могу использовать, чтобы заставить работать эти расширения, или есть какой-то другой способ? заранее спасибо

Ответ 1

  1. Сначала перейдите в " Настройки Visual Studio Code" и найдите параметр " files.associations ", если этот параметр недоступен в ваших настройках. Пожалуйста, обновите код Visual Studio до последней версии.

  2. В настройках панели перезаписи прошёл следующий фрагмент

    "files.associations": {".blade.php": "html", ".tpl": "html"}

Он будет ассоциировать расширения файлов .blade.php и .tpl для типа html.

Сохраните его, и вы готовы идти. Удачного форматирования :)

enter image description here

Обновление: все еще есть некоторые проблемы в форматировании HTML с блейд-кодом, форматировщик, как правило, объединяет блейд-коды в одну строку при выполнении команды форматирования. Однако, если ваши коды растут, это не будет проблемой. Более того, вы можете легко управлять ими, помещая строчный комментарий между вашими блейд-блоками. И комментирование в коде - это всегда хорошо.


Обновление: кажется, обновленная версия добавляет возможность включить форматирование блейда в пользовательских настройках. Чтобы использовать это,

  1. Убедитесь, что вы используете последнюю версию и установлено расширение " Laravel Blade Snippets ".

  2. Затем Ctrl + Shift + P: введите Пользовательские настройки: Enter

enter image description here 3. В " Настройках пользователя "> " Расширения "> " Конфигурация блейдов " установите флажок "Включить формат файла блейдов ".

enter image description here

Это.

Ответ 2

Обновите свой VSCode. Выберите " Настройки"> "Расширения" и " Включить формат блэйда". Используйте ярлык для окна: Shift + Alt + F:

Enable Blade code format

Ответ 3

Для меня это расширение отлично подходит для автоматического отступа со следующими настройками:

"beautify.language": {
        "html": [
            "blade",
            "html"
        ]
    },

Ответ 4

Files>Preferences>Settings>Extensions>Blade Configurations

Затем включите форматирование файла блейда (Follow Image). Затем перезапустите Visual Studio Code. Теперь используйте Shift + Alt + F для форматирования. Сейчас нормально.