¿Cómo formatear el código de Laravel Blade en el código de Visual Studio?

He instalado algunas extensiones de Visual Studio Code para manejar Laravel Blade Code como

• KTamas.laravel-blade
• onecentlin.laravel-blade

Pero no me están ayudando a formatear Laravel Blade Code [blade.php files]. Quiero decir que no están sangrando automáticamente el código como esperaba. Pero he visto código blade en línea que está bien sangrado en Visual Studio Code IDE.

Ejemplo :

Entorno de código de Visual Studio para Laravel

¿Hay alguna configuración o técnica específica que pueda usar para hacer que estas extensiones funcionen o hay alguna otra forma?

1. Primero vaya a “Código de Visual Studio” Ajustes y busca la opción “archivos.asociaciones” Si esa opción no está disponible en su configuración, actualice su código de Visual Studio a la última versión.

2. En el panel de sobrescritura de configuración más allá del siguiente fragmento

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

Asociará las extensiones de archivo .blade.php y .tpl para el tipo html

Guárdelo y estará listo para comenzar. Feliz formateo 🙂

Actualizar: Todavía hay algunos problemas al formatear html con código blade, el formateador tiende a traer el código blade en una sola línea mientras ejecuta el comando de formato. Sin embargo, si su código crece, eso no será un problema. Además, puede administrarlos fácilmente colocando un comentario de línea entre los bloques de cuchillas. Y comentar en código siempre es algo bueno.

Actualizar: Parece que la versión actualizada agrega una opción para habilitar el formato de hoja en la configuración del usuario. Para usar eso,

1. Asegúrese de estar utilizando la última versión y “Fragmentos de hoja de Laravel” Extensión instalada.

2. Después Control+Turno+PAG : escriba Configuración de usuario : Ingresar

3 en “Ajustes de usuario” > “Extensiones” > “Configuración de Blade“marque la opción Habilitar formato de archivo blade.

Eso es.

Actualice su código VSC. Ir a Ajustes>Extensiones y Habilitar formato Blade caja. Usar acceso directo para ventana: Turno+alternativa+F:

ACTUALIZACIÓN 2022: es posible que esta extensión ya no se mantenga.

Para mi, esto La extensión funciona perfectamente para la sangría automática con las siguientes configuraciones:

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

Primero instale esta extensión, https://marketplace.visualstudio.com/items?itemName=onecentlin.laravel-blade

Abierto settings.json. Añade estas líneas.

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

Files>Preferences>Settings>Extensions>Blade Configurations

Luego habilite el formato del archivo blade (Siga la imagen). Luego reinicie el código de Visual Studio. Ahora use Mayús+Alt+F Formatear. Ahora ok.

esta solución funciona para mí en 2021

Primero, instale Hoja de Laravel después de eso actualice su settings.json archivo y agregar esta sección

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

Agregue estas líneas a su archivo VS Code settings.json después de instalar la extensión Laravel Blade Formatter:

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

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