如何在 VS Code 中验证 Shopify Liquid 模板中的 JSON？

Posted 2023-03-27

【中文标题】如何在 VS Code 中验证 Shopify Liquid 模板中的 JSON？

【英文标题】：How to validate JSON in Shopify Liquid templates in VS Code?

【发布时间】：2022-01-16 01:41:10

【问题描述】：

最近有一个错误是由于 Shopify Liquid 模板中下面缺少逗号引起的：

% schema %
  
    ...
    "settings": [
      
        "type": "header",
        "content": "Content"
      
      
        "type": "text",
        "id": "title",
        "label": "Title"
      
    ],
    ...
  
% endschema %

有没有办法在 VS Code 中自动显示红色波浪线以指示 JSON 格式错误？我尝试将此添加到我的用户设置中，但没有运气：

    "eslint.validate": [
      "javascript",
      "javascriptreact",
       "language": "liquid" 
    ]

我安装了 ESLint 和 Liquid (Neil Ding) 扩展。

【参考方案1】：

Shopify 有一些工具，你应该安装 theme check and shopify cli

【讨论】：

安装此扩展会产生一千个错误和警告，但没有一个是针对 Liquid 模板中的格式错误的 JSON :(.