在 Shopify 主题开发中，频繁将本地代码同步到线上测试网站是一件很耗时的事情。而 Shopify Theme Sync 这个 npm 包可以帮助我们自动完成这个流程。
本文将为您详细介绍如何使用 Shopify Theme Sync 进行主题开发。
安装
我们可以使用 npm 全局安装 Shopify Theme Sync。
--- ------- -- ------------------
接着，我们需要在 Shopify 后台的应用选项卡中， 私有应用 下新建一个应用，并获取以下信息：
- API Key
- Password
- Store Address
然后，输入下面的命令将这些信息存储到本地电脑。
---- ----
在初始化过程中，你需要输入以上信息，并且指定你的主题开发文件夹。如果你的 Shopify 主题开发文件夹不在当前目录，那么加上--dir参数，并指定文件夹路径。
使用方法
初始化完成后，我们就可以开始使用 Shopify Theme Sync 进行主题开发。
同步本地文件到线上服务器：
---- ------
下载线上服务器文件到本地：
---- --------
监听本地文件更改，并自动同步到线上服务器：
---- -----
注意，在 sync watch 命令下，任何文件的更改都会触发同步操作。同时，请确保本地代码已经被保存，否则同步出的代码将会是旧代码。
示例代码
下面是几个实用的命令的示例：
-- --- ------- ------ ---- ---- -- ----- ------- --- ---- ------ -- -- ------- ---------- ---- -------- -- --------------- ------- ---- ---- -----
总结
本文介绍了如何使用 npm 包 Shopify Theme Sync 进行 Shopify 主题开发。
使用 Shopify Theme Sync 可以让我们将本地代码快速同步到线上测试网站上，提高开发效率。
希望本文能够对您进行主题开发有所帮助，更多技术问题可以参考 Shopify 官方文档。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/76074