Html Snippets not working in Laravel Blade PHP File

[MetanoiaRichi]

Hi! I love your extension. It's really useful but I can't get it to work at files ending with blade.php
How do I solve this ? Thank you 😃

[tereaksmey123]

@MetanoiaRichi i had same problem but i test it and now it work just add another one
{ "language": "blade", "path": "./snippets/snippets.json" }
we can have snippet in blade laravel i think it check only 1st dot that why "blade" work 😄

[BagasMuharom]

This one is work for me
"files.associations": { "*.blade.php" : "html" }

[tereaksmey123]

and now i stop using this i don't wanna have many autocomplete pop so using default vscode emmet is do the same auto html for just register:

"emmet.includeLanguages": {
        "blade":"html"
    },

when u lazy write close tag and nested tag emmet solve problem.
Hope it helpful 😄

[BagasMuharom]

@tereaksmey123 it's a good way, I have tested it, and it is work

[tenlisboa]

and now i stop using this i don't wanna have many autocomplete pop so using default vscode emmet is do the same auto html for just register:

"emmet.includeLanguages": {
        "blade":"html"
    },

when u lazy write close tag and nested tag emmet solve problem.
Hope it helpful 😄

It`s works fine!!

[Foysalmeazi]

"emmet.includeLanguages": {
"blade":"html"
},

Where and How to use this code?

[Ali-hd]

"emmet.includeLanguages": {
"blade":"html"
},

Where and How to use this code?

On Visual Studio Code you can go to file>preferences>settings
then use the search bar to search for "emmet.includeLanguages" or "files.associations"

[soumik9]

and now i stop using this i don't wanna have many autocomplete pop so using default vscode emmet is do the same auto html for just register:

"emmet.includeLanguages": {
        "blade":"html"
    },

when u lazy write close tag and nested tag emmet solve problem.
Hope it helpful 😄

Thanks its work for me

[Nyavowoyi]

and now i stop using this i don't wanna have many autocomplete pop so using default vscode emmet is do the same auto html for just register:

"emmet.includeLanguages": {
        "blade":"html"
    },

when u lazy write close tag and nested tag emmet solve problem. Hope it helpful 😄

Well, I must say that this did the work but for those who are still struggling with how to implement this solution,
open a normal blade file and look at the status bar of your Visual Studio Code editor. You should see that the text "Blade" somewhere on the status bar.

Click on it and you would see:

Choose Configure 'Blade' language based settings...

A new tab opens with some configurations set

Ensure you add this to your file prefarably, before the last closing }

"emmet.includeLanguages": {
        "blade":"html"
    },

Save the file, close your Visual Studio Code editor and open it again. That's all.

You can now use the html intellisense in your blade files.

Enjoy :)

[KannaHashi]

can't find 'blade' language based here