Wie formatiere ich Laravel Blade Code in Visual Studio Code?

Ich habe einige Visual Studio Code-Erweiterungen installiert, um Laravel Blade Code wie zu handhaben

• KTamas.laravel-Klinge
• onecentlin.laravel-klinge

Aber sie helfen mir nicht, Laravel Blade Code zu formatieren [blade.php files]. Ich meine, sie rücken den Code nicht wie erwartet automatisch ein. Aber ich habe Blade-Code online gesehen, der in Visual Studio Code IDE gut eingerückt ist.

Beispiel :

Visual Studio Code-Umgebung für Laravel

Gibt es eine bestimmte Konfiguration oder Technik, mit der ich diese Erweiterungen zum Laufen bringen kann, oder gibt es einen anderen Weg?

1. Gehen Sie zuerst zu “Visual Studio Code”. Einstellungen und suchen Sie nach der Option “files.associations” Wenn diese Option in Ihren Einstellungen nicht verfügbar ist. Bitte aktualisieren Sie Ihren Visual Studio-Code auf die neueste Version.

2. Überschreiben Sie in den Einstellungen das folgende Snippet

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

Es verknüpft die Dateierweiterungen .blade.php und .tpl für den HTML-Typ

Speichern Sie es und Sie können loslegen. Viel Spaß beim Formatieren 🙂

Aktualisieren: Es gibt immer noch einige Probleme beim Formatieren von HTML mit Blade-Code, der Formatierer neigt dazu, Blade-Code in eine einzelne Zeile zu bringen, während er den Formatbefehl ausführt. Wenn Ihr Code jedoch wächst, ist das kein Problem. Darüber hinaus können Sie diese einfach verwalten, indem Sie einen Zeilenkommentar zwischen Ihre Klingenblöcke einfügen. Und das Kommentieren im Code ist immer eine gute Sache.

Aktualisieren: Scheint, dass die aktualisierte Version eine Option hinzufügt, um die Blade-Formatierung in den Benutzereinstellungen zu aktivieren. Um das zu verwenden,

1. Bitte stellen Sie sicher, dass Sie die neueste Version verwenden und “Laravel-Blade-Schnipsel“Erweiterung installiert.

2. Dann Strg+Schicht+P : Geben Sie Benutzereinstellungen ein : Eintreten

3. Im “Benutzereinstellungen” > “Erweiterungen” > “Blade-Konfiguration” Aktivieren Sie die Option Blade-Datei formatieren aktivieren.

Das ist es.

Aktualisieren Sie Ihren VSCode. Gehe zu Einstellungen > Erweiterungen und Blade-Format aktivieren Kontrollkästchen. Verknüpfung für Fenster verwenden: Schicht+Alt+F:

UPDATE 2022: Diese Erweiterung darf nicht mehr gepflegt werden.

Für mich, Dieser Die Erweiterung funktioniert perfekt für die automatische Einrückung mit den folgenden Einstellungen:

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

Installieren Sie zuerst diese Erweiterung, https://marketplace.visualstudio.com/items?itemName=onecentlin.laravel-blade

Offen settings.json. Fügen Sie diese Zeilen hinzu.

"[blade]": {
    "editor.defaultFormatter": "onecentlin.laravel-blade",
    "editor.formatOnSave": true
}

Files>Preferences>Settings>Extensions>Blade Configurations

Aktivieren Sie dann die Format-Blade-Datei (Bild folgen). Starten Sie dann Visual Studio Code neu. Jetzt verwenden Umschalt+Alt+F Formatieren. Jetzt ok.

Diese Lösung funktioniert bei mir in 2021

Zuerst installieren Laravel-Klinge Danach aktualisieren Sie Ihre settings.json Datei und fügen Sie diesen Abschnitt hinzu

"[blade]": {
  "editor.defaultFormatter": "amirmarmul.laravel-blade-vscode",
  "editor.formatOnSave": true
}

Fügen Sie diese Zeilen zu Ihrer VS Code settings.json-Datei hinzu, nachdem Sie die Laravel Blade Formatter-Erweiterung installiert haben:

https://marketplace.visualstudio.com/items?itemName=shufo.vscode-blade-formatter

"editor.formatOnSave": true,
"[blade]": {
    "editor.defaultFormatter": "shufo.vscode-blade-formatter"
},