使用shopify cli 本地实时调试店铺模板

之前我们调试shopify模板，都是在shopify 后台编辑 theme 然后到前台刷新预览，小的简单的改动是没有问题的，但是如果遇到复杂的问题，这样效率就很低，特别是线上调试无法使用像curser 等ai 编程工具，效率不高，现在有一种方法可以在本地基于node.js服务器，并在本地修改代码实时调试效果，这样就可以用到AI编程工具了，而且也不会污染线上环境的代码，下面是具体操作步骤

1, 确定本地的node 版本要比较新建议使用node 22以上的版本

nvm install 22
nvm use 22

2,安装 shopify cli

npm install -g @shopify/cli@latest

　常用命令

shopify help

3,本地获取shopify店铺授权

登录shopify 后台 ,获取地址,比如说 https://admin.shopify.com/store/ad9697 ,那ad9697 就是店铺ID

shopify theme dev --store=ad9697

　浏览器会重定向到一个需要登录的页面,按页面指示要求完成的shopify后台授权操作即可(本地环境只需要操作一次授权,下次就能自动登录)

然后本地命令行会出现下图链接,点击打开即可

 

也可以用命令拉取最新的模版代码

shopify theme pull

　　 默认是当前生效的模版,按回车拉取当前生效的模版到本地

4,推送到shopify

shopify theme push --unpublished --theme="seamolly-dev-v1"

 

这里 seamolly-dev-v1 是自己指定的模版名称
推送成功后,就去shopify后台预留或发布新的模版吧