Issue: Formatting HubL + HTML code in VS code

[JohanBHennius]

Hi all,

I am wondering if you can help me.

My VS code is not formatting the HubL + HTML code properly and i cannot figure out why. Please see below image

I followed the advice on this post and adjusted my setting as follows:

Files: Associations settings

Emmet: Include Languages settings

Current extensions:

settings.json

I must be missing something but i cannot figure out what.
Anyone able to help?

[GRajput]

Hi @JohanBHennius

You will find a language detector below in your vs code window. Click on that and select HTML+Hubl. It will automatically format the code.

I hope this will help you out. Please mark it as Solution Accepted and upvote to help another Community member.
Thanks!

[JohanBHennius]

Hi Gaurav,

Thank you for replying!
Unfortunately, this has not worked. Please see below:

Is there anything else i can try?
Thank you!

[GRajput]

Hi @JohanBHennius

It might did not work because you are using Pretteir. You can try Pretteir plugin for HubL. Here is the link of the GitHub repo.

“I hope this will help you out. Please mark it as Solution Accepted and upvote to help another Community member.
Thanks!”

[JohanBHennius]

Morning Guarav,

Thank you so much - that seems to have done the trick!

Hope you have a great day