Enabling Liquid templating syntax highlight in webStorm/phpStorm

This topic is empty.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
March 18, 2015 at 1:19 am #9279

ilia-luk
Participant

I wonder if someone managed to enable the Liquid templating engine syntax highlighting in WebStorm IDE, I work a lot on Shopify stores and really like using Webstorm for that purpose. Did anyone managed to get this working?

I found some resources regarding this issue on JetBrain’s forum though it didn’t quite got me anywhere, there is one dude who suggested using ‘tmBundle‘ and that might work if you do some dark magic.

The thread is: RUBY-7210
and the official plugin request: JetBrain’s plugins: Liquid Templating language request

March 30, 2015 at 2:47 am #9284

ilia-luk
Participant

I’ve found out that Twig have a very similar syntax to Liquid, enabling the Twig plugin will highlight Liquid syntax and will keep the HTML highlight/autocomplete/emmet functionality working as opposed to the "textMate Liquid bundle".

Go to Settings > Editor > File Types find "Twig" on that list and associate Liquid files with it by adding *.liquid to the registered patterns section.

If you can’t find Twig, download the official plugin from the "Browse repositores" or in the "install JetBrains plugin". If you can’t find it there then download the plugin and install it manually by pressing "install plugin from disk": https://plugins.jetbrains.com/plugin/7303?pr=

You will also want to associate *.scss.liquid to .scss files,
*.css.liquid to .css files and *.js.liquid to .js files so that Twig wouldn’t run on those type of files.

The end result works like a charm! it’s the best solution yet until some official plugin will come out

November 15, 2016 at 11:12 am #9283

chris-bauer
Participant

To follow up on Ilia luk’s answer, PHP Storm now has Twig support built inâ€”just enable the plug-in if it isn’t already.

August 12, 2019 at 4:22 am #9282

joeypi
Participant

Adding to the styles for Shopify, since it adds JSON for settings.
Enable JSON wrapping between schema tags in

Settings > Editor > Language Injections

Click add/plus button. Then add settings

Language ID = JSON

Places Patterns = + twigCustomStatement("schema")

August 30, 2020 at 6:09 am #9280

joeypi
Participant

Adding another answer here: RubyMine by JetBrains have Liquid syntax included with the IDE. There is a Liquid plugin that says IntelliJ Ultimate is compatible, but I couldn’t get it to work: https://plugins.jetbrains.com/plugin/14388-liquid

January 7, 2021 at 6:03 am #9281

mageician
Participant

JetBrains PHPStorm now has a Liquid Plugin available. You have to have PHPStorm version 2020.2 or higher (that took me a while to figure out, I was on 2020.1).
Author

Posts