在 webStorm/phpStorm 中启用 Liquid 模板语法突出显示
Enabling Liquid templating syntax highlight in webStorm/phpStorm
我想知道是否有人设法启用了 Liquid templating engine syntax highlighting in WebStorm IDE, I work a lot on Shopify 商店并且真的很喜欢为此目的使用 Webstorm。有没有人设法让这个工作？
我在 JetBrain 的论坛上找到了一些关于这个问题的资源，虽然它并没有让我找到任何地方，有一个人建议使用“tmBundle”，如果你做一些黑魔法，这可能会奏效。
线程是：RUBY-7210
和官方插件请求：JetBrain's plugins: Liquid Templating language request
我发现 Twig 的语法与 Liquid 非常相似，启用 Twig 插件将突出显示 Liquid 语法并保持 HTML highlight/autocomplete/emmet 功能正常工作，而不是 "textMate Liquid bundle"。
转到 Settings > Editor > File Types 在该列表中找到 "Twig"，并通过将 *.liquid 添加到已注册的模式部分来将 Liquid 文件与其相关联。
如果找不到 Twig，请从 "Browse repositores" 或 "install JetBrains plugin" 下载官方插件。如果在那里找不到，请下载插件并按 "install plugin from disk" 手动安装：https://plugins.jetbrains.com/plugin/7303?pr=
您还需要将 *.scss.liquid 关联到 .scss 个文件，
*.css.liquid 到 .css 文件和 *.js.liquid 到 .js 文件，这样 Twig 就不会 运行 这些类型的文件。
最终结果非常棒！在一些官方插件出来之前，这是最好的解决方案，希望它能帮助别人。
为了跟进 ，PHP Storm 现在内置了 Twig 支持——如果还没有，只需启用插件。
添加到 Shopify 的样式，因为它添加了 JSON 设置。
在
中的架构标签之间启用 JSON 换行
Settings > Editor > Language Injections
点击add/plus按钮。然后添加设置
Language ID = JSON
Places Patterns = + twigCustomStatement("schema")
在此处添加另一个答案：JetBrains 的 RubyMine 在 IDE 中包含 Liquid 语法。有一个 Liquid 插件说 IntelliJ Ultimate 是兼容的，但我无法让它工作：https://plugins.jetbrains.com/plugin/14388-liquid
JetBrains PHPStorm 现在有 Liquid Plugin 可用。您必须拥有 PHPStorm 版本 2020.2 或更高版本（这花了我一段时间才弄清楚，我使用的是 2020.1）。
我想知道是否有人设法启用了 Liquid templating engine syntax highlighting in WebStorm IDE, I work a lot on Shopify 商店并且真的很喜欢为此目的使用 Webstorm。有没有人设法让这个工作？
我在 JetBrain 的论坛上找到了一些关于这个问题的资源，虽然它并没有让我找到任何地方，有一个人建议使用“tmBundle”，如果你做一些黑魔法，这可能会奏效。
线程是：RUBY-7210 和官方插件请求：JetBrain's plugins: Liquid Templating language request
我发现 Twig 的语法与 Liquid 非常相似，启用 Twig 插件将突出显示 Liquid 语法并保持 HTML highlight/autocomplete/emmet 功能正常工作，而不是 "textMate Liquid bundle"。
转到 Settings > Editor > File Types 在该列表中找到 "Twig"，并通过将 *.liquid 添加到已注册的模式部分来将 Liquid 文件与其相关联。
如果找不到 Twig，请从 "Browse repositores" 或 "install JetBrains plugin" 下载官方插件。如果在那里找不到，请下载插件并按 "install plugin from disk" 手动安装：https://plugins.jetbrains.com/plugin/7303?pr=
您还需要将 *.scss.liquid 关联到 .scss 个文件，
*.css.liquid 到 .css 文件和 *.js.liquid 到 .js 文件，这样 Twig 就不会 运行 这些类型的文件。
最终结果非常棒！在一些官方插件出来之前，这是最好的解决方案，希望它能帮助别人。
为了跟进
添加到 Shopify 的样式，因为它添加了 JSON 设置。 在
中的架构标签之间启用 JSON 换行Settings > Editor > Language Injections
点击add/plus按钮。然后添加设置
Language ID = JSON
Places Patterns = + twigCustomStatement("schema")
在此处添加另一个答案：JetBrains 的 RubyMine 在 IDE 中包含 Liquid 语法。有一个 Liquid 插件说 IntelliJ Ultimate 是兼容的，但我无法让它工作：https://plugins.jetbrains.com/plugin/14388-liquid
JetBrains PHPStorm 现在有 Liquid Plugin 可用。您必须拥有 PHPStorm 版本 2020.2 或更高版本（这花了我一段时间才弄清楚，我使用的是 2020.1）。