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

Question

我目前在 Shopify 项目中工作，我已将其集成到本地工作。我使用 Visual Studio 作为我的 IDE，它非常棒。使用 .liquid 文件时，我将扩展名视为使用带编码的 HTML 编辑器打开。这很不错，但我认为如果我可以为所有“液体”特定语法(尤其是 )进行语法高亮显示会更好。 {% 和 %} 自 {{ 和 }} 由于 AngularJS 语法，我认为已经突出显示。

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

截图 :

Answer 1

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

(特别是)对于 Windows 开发人员

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



替代 :似乎有一个更好的扩展名为 Shopify Liquid Template Snippets作者 Franky Lau，我还没有测试过。任何使用过这个的人都可以分享他们的见解吗？

主题套件

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