What's the best IDE for liquid, HTML, and CSS development?

Hi there,

what is a good development environment to develop on liquid, html and css?

What IDE do you recommend (I’m using a mac) ?

How can I include a liquid syntax checker?

Many thanks for any help!

Best regards

Hi @efeu

Aibek is here from Speedimize.io

Welcome to Shopify Community.

We recommend using products from JetBrains https://www.jetbrains.com/ , especially WebStorm for frontend development https://www.jetbrains.com/webstorm/.
There are special plugins for Liquid - https://plugins.jetbrains.com/plugin/14388-liquid. Install this plugin in the IDE.
We have been using JetBrains products ourselves for many years.

You can still use VS Code https://code.visualstudio.com/. It weighs lighter and is generally simpler, but it still goes more like an editor than an IDE. But it is still worth paying attention. There is also a plugin https://marketplace.visualstudio.com/items?itemName=sissel.shopify-liquid

Hope that helps you.

1 Like

Hello,

VS Code works great for me, it’s also the IDE I’ve used extensively over the past year. However, my experience in the years before with IntelliJ, which I never used for Shopify development, though, has also been nothing but amazing. Both are definitely great choices.

However, if you’re already familiar with an existing editor, you could just stick to that. The HTML, CSS, JS support is pretty good on almost any editor out there.

1 Like