在webStorm/phpStorm中启用Liquid模板语法高亮显示

Question

我想知道是否有人设法在WebStorm IDE中启用Liquid模板引擎语法突出显示,我在Shopify商店上工作很多,并且非常喜欢使用Webstorm来达到这个目的.有没有人设法让这个工作？

我在JetBrain的论坛上找到了一些有关这个问题的资源,虽然它并没有让我任何地方,有一个人建议使用' tmBundle ',如果你做了一些黑魔法可能会有用.

Answer 1

我发现Twig与Liquid的语法非常相似,启用Twig插件会突出显示Liquid语法,并保持HTML高亮/自动完成/ emmet功能,而不是"textMate Liquid bundle".

转到Settings > Editor > File Types该列表中的"Twig",并通过添加*.liquid到已注册的模式部分将Liquid文件与其关联.

如果你找不到Twig,请从"浏览存储库"或"安装JetBrains插件"下载官方插件.如果你在那里找不到它,那么下载插件并通过按"从磁盘安装插件"手动安装它:https://plugins.jetbrains.com/plugin/7303？pr =

你也将要关联*.scss.liquid到.scss文件, *.css.liquid对.css文件,*.js.liquid以.js文件,使枝条不会对这些类型的文件运行.

最终的结果就像一个魅力!它是最好的解决方案,直到一些官方插件出来,希望它可以帮助某人.

我发现你需要关联*.scss.liquid,*.css.liquid和*.js.liquid才能将*.liquid关联到"Twig".在我的情况下,如果我首先将*.liquid与"Twig"关联,PHPStorm会将*.scss.liquid,*.js.liquid和*.css.liquid识别为"Twig"文件. (4认同)

Answer 2

为了跟进Ilia luk的回答,PHP Storm现在内置了Twig支持 - 只需启用插件即可.

Answer 3

添加到 Shopify 的样式，因为它添加了 JSON 设置。在架构标签之间启用 JSON 包装

设置 > 编辑器 > 语言注入

单击添加/加号按钮。然后添加设置

语言 ID = JSON

地点模式 = + twigCustomStatement("schema")