FROM CACHE - en_header

Autoindent code in visual studio code

cgregnanin
Excursionist
26 0 5

Hi, I'm using visual studio code to edit the Dawn theme.
When I try to format the code the schema section is not formatted.
What is the best way to format code in .liquid files?

Replies 8 (8)
ThomasBorowski
Shopify Expert
803 71 216

Are you using this extension?

 

https://marketplace.visualstudio.com/items?itemName=sissel.shopify-liquid

★ Smart Upgrades, Tips and Tutorials for Shopify themes: themepunk.io
Did my solution work? Help other Community members easily find the correct solution and apply it to their own stores by marking it as the Accepted Solution and giving it a Thumbs Up
cgregnanin
Excursionist
26 0 5

Yes, the liquid code and the json schema are not formatted.

I use ctrl+shift+i

ThomasBorowski
Shopify Expert
803 71 216

Try Ctrl+Shift+L, that should use the Liquid formatter provided by the extension. Or via the command palette enter format.

ksnip_20211123-210039.png

★ Smart Upgrades, Tips and Tutorials for Shopify themes: themepunk.io
Did my solution work? Help other Community members easily find the correct solution and apply it to their own stores by marking it as the Accepted Solution and giving it a Thumbs Up
cgregnanin
Excursionist
26 0 5

Ctrl+Shift+L Don't work.

I have generated the .liquidrc in my workspace 

 

cgregnanin_0-1637700327380.png

 

ThomasBorowski
Shopify Expert
803 71 216

Then that .liquidrc file is likely not working as intended, I don't have that file and the formatting works correctly out of the box.

★ Smart Upgrades, Tips and Tutorials for Shopify themes: themepunk.io
Did my solution work? Help other Community members easily find the correct solution and apply it to their own stores by marking it as the Accepted Solution and giving it a Thumbs Up
cgregnanin
Excursionist
26 0 5
What solution can I try ?
ThomasBorowski
Shopify Expert
803 71 216

I don't really know ¯\_(ツ)_/¯

 

Maybe post an issue on the extension's GitHub repo.

★ Smart Upgrades, Tips and Tutorials for Shopify themes: themepunk.io
Did my solution work? Help other Community members easily find the correct solution and apply it to their own stores by marking it as the Accepted Solution and giving it a Thumbs Up
Darius90
Shopify Partner
20 0 8

Give this guy a medal! I always used ctrl+alt+f and thought the formatting was not working well and had no clue. CTRL +SHIFT + L is what I needed! Thank you!