Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Best VS Code theme with Shopify support?

Best VS Code theme with Shopify support?

MrBrady
Shopify Partner
6 0 0

Hi there,

Wonder what are the best VSCode themes that fully support Shopify development. For example, I really like the GitHub VSCode theme, but it seems like it's not that great for highlighting my Shopify code. Especially now that I'm migrating things to Online Store 2.0 / Sections.

Thanks in advance!

Replies 5 (5)

eballeste1
Excursionist
23 4 17

Hi! Your best bet would be to use the Shopify Liquid extension which includes syntax highlighting and linting.

iambrianclark
Shopify Partner
21 3 13

@eballeste1 do you have a formatter you'd recommend?

math1as
Shopify Partner
3 0 0

Hi, i'm searching for a formatter too. Did you find a good one?

I tried Prettier and Shopify Theme Check but they seem not to conform with 

whatever format shopify[bot] commits.

 


@iambrianclark wrote:

@eballeste1 do you have a formatter you'd recommend?


 

MrBrady
Shopify Partner
6 0 0

My company's theme has been updated to the 2.0 "Sections Everywhere" format and I've been using Prettier with a custom configuration file. For the VSCode theme, recently I started using "Material Theme" again because it does a good job with color variations in liquid files. Makes the code easier to read than say Dracula or Colbalt (my two previous go-to themes).

Screen Shot 2022-10-12 at 10.36.08 PM.png

MrBrady
Shopify Partner
6 0 0

@eballeste1 Thanks! I've been using that for the past couple months. Funny thing is my company's Shopify theme was built pre-2.0 and many of the error resolution suggestions provided by the extension break functionality. It's a bit frustrating.