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

Question

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

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

截图:

Answer 1

看到这个问题刚刚得到了赞成，让我在这里发布我的解决方案。

（特别）对于 Windows 开发人员

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

替代方案：似乎有一个更好的扩展，名为Franky Lau 的Shopify Liquid Template Snippets，但我尚未测试过。有谁用过这个的可以分享一下心得吗？

主题套件

如果您正在寻找如何将本地更改直接上传到您的开发主题，或者了解 Mac/Linux 用户的替代工作流程，请查看Shopify 主题套件。