Shopify官方并未提供专门的Liquid模板开发工具,使用PhpStorm虽然也可以修改代码,但是没有高亮显示,很不习惯。
这里推荐使用WebStorm,因为跟PhpStorm是同个公司的,各种设置基本一致,入手简单。
WebStorm默认也不支持高亮,需要通过插件。
插件安装方法:
1、打开Shopify的主题项目,IDE会自动识别,并建议你安装Liquid插件。
2、自己搜索插件安装。
路径:File - Settings - Plugins
![](https://img.kancloud.cn/5a/ee/5aee2840704b6819da74f0a09d010a69_992x710.png)
***
安装完成后,可发现代码可以高亮显示了。
![](https://img.kancloud.cn/95/03/95039928af241dfdcca4842e6d975806_1031x589.png)