在 Shopify Liquid 中的代码中搜索字符串

Question

我正在一个大型网站的 Shopify Liquid 文件中寻找一个特定的 div，该网站是我刚接触的且不是我构建的。但是我必须一一检查文件，看看div是否在，效率很低。 PHPStorm 编辑器具有 ctrl+shift+F 选项，可以在文件树状结构中搜索任何文件中的特定字符串。 Shopify 有类似的产品吗？它是什么？

不要与：

混淆

• 在 Shopify 网站上添加搜索栏
• 搜索 Shopify 商店管理（我需要查看 Liquid 代码，而不是商店）

已经尝试过：

• 在 Google 上搜索“shopify 相当于 phpstorm ctrl+shift+F”
• 在 Google 上搜索“shopify 键盘快捷键”
• 在 Google 上搜索“shopify 在路径中查找”
• 在 Google 上搜索“shopify 搜索代码”

没有找到相关结果。

Answer 1

恐怕我从未在 Shopify 编辑器上见过这样的功能。但是，如果您尚未在本地使用该主题，我通常会做的是：

1. 通过

   Download Theme File

导出主题
2. 下载 .zip 并解压。
3. 用你最喜欢的编辑器打开它（我个人使用Sublime）
4. 使用

   Find in Folder

   或等效的文本编辑器在整个主题上搜索字符串。

遗憾的是，目前还没有更好的工作流程。但是，您应该考虑在本地设置您的主题，这样您就可以利用版本控制和更有组织的工作流程来帮助该网站的维护和新更新。

Answer 2

Github 上有一个名为“Liquify”的 Chrome 扩展。它修改液体文件列表顶部的搜索以在文件内搜索。不幸的是，它现在有一个错误，尽管搜索框仍然工作正常，但您看不到您输入的内容！所以我现在复制并粘贴到其中。

Answer 3

2 个选项：

1）本地下载（许多开发人员现在使用主题套件或其他工具在本地工作） 解压缩主题并使用文本编辑器或文件管理器进行搜索

2）您还可以使用尖叫青蛙来详细扫描站点 - 尽管在 div 实际上不在主题中但在元字段中或由应用程序添加的情况下可能更有用。