用于Shopify .liquid文件的Visual Studio中的自定义语法荧光笔

Question

我目前正在Shopify项目中工作，我已将其集成到本地工作。我使用Visual Studio作为我的IDE非常棒。使用.liquid文件时，我会使用HTML编辑器打开扩展程序。这非常可爱，但我认为如果我能为所有“液体”进行语法突出显示会更好。特定语法，尤其是 {％和％} ，因为AngularJS语法突出显示了 {{和}} 我估计。

我发现有些库可以提供更好的智能感知，但不能用于.liquid文件。开始配置自定义语法高亮显示器的最佳方法是什么？这是一个快速的过程吗？

截图：

Answer 1

看到这个问题刚收到一个upvote，让我在这里发布我的解决方案。

（特别是）适用于Windows开发人员

您最好的选择是使用VS Code，这是Microsoft的轻量级跨平台源代码编辑器。 Neil Ding有一个名为Liquid Languages Support的扩展名，我使用了

替代：Franky Lau似乎有一个名为Shopify Liquid Template Snippets的更好的扩展程序，我还没有通过测试。任何使用此功能的人都能分享他们的见解吗？

主题工具包

如果您正在查看如何将本地更改直接上传到开发主题或Mac / Linux用户的其他工作流程，请查看Shopify Theme Kit。

Answer 2

还没有尝试过，但是在VS 2017/2019中有一个liquid highlighting extension

Answer 3

到目前为止，我发现的最佳扩展名是Nikolas Savvidis的VS Code Liquid。我非常有信心它将处理您描述的各种情况。

我使用机车CMS，它也需要文件中混合代码类型，Liquid Language Support无法处理。