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