Re: 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.