Shopify 能不能在本地开发调试？用 CLI 初始化项目报错卡住怎么办

我上个月刚踩完这个坑，说下具体流程。
先 npm install -g @shopify/cli，然后 shopify app init，选 Remix 那个模板，语言选 TypeScript。init 完 cd 进项目，直接 npm run dev。它会跳浏览器让你登录 Partner Dashboard，登录完它会让你选要连哪个 store。
我遇到的坑是 dev store 没创建之前 CLI 会报错说没有可用商店。得先去 shopify 后台创建一个 development store，免费的，然后再跑 dev 就能连上了。
跑起来之后终端会显示一个 localhost:3000 的地址，还有一个 public 地址（就是那个 ngrok 的），后者是给 Shopify 后台用来请求你 App 的。App 的 URL 还有个叫 App URL 和 Allowed redirection URL 的配置，分别在 app setup 里填上那个 public 地址和带 /auth/callback 的地址，不然授权的时候会报 redirect_uri 不匹配。
弄完这些基本就能在本地改代码实时看到效果了。报错日志也都在本地终端刷，排查问题比在线编辑器方便太多。

这个其实没那么复杂，CLI 就是给你本地起一个服务，然后通过 tunnel 跟 Shopify 那边连起来。
你选 Remix 模板init 完之后，项目里那些 environment variables 不用自己手填，CLI 会自动帮你配好。跑 npm run dev 之后它会问你选哪个 Partner 账号、哪个商店，选完就会生成一个本地地址，类似 https://xxx.ngrok.io 这种，这个地址可以直接在 shopify 后台的 app 设置里填。
卡住的话多半是网络问题，CLI 要访问 shopify 的 API 和 Partner Dashboard，国内网络经常会断。家人们，挂代理或者用路由全局翻是最稳的，我之前卡在 "Creating tunnel" 那步，换个节点就过了。
核心思路就是本地写代码，Shopify 那边通过隧道反向访问你的 localhost，跟传统前端开发不一样但也不难。真的会谢，第一次跑通还挺有成就感的。

我也亏过，一开始以为本地开发就必须开个 Shopify 的虚拟机或者 docker，结果完全不是那回事。
我 2025 年接了 3 个 Shopify 改版单子，都是靠 CLI 本地起服务干的。用 CLI 连自己的 dev store 调试主题，改完代码直接 curl 一下看渲染结果，比后台那个在线代码编辑器好用多了。尤其是 sidebar 那块，本地起服务改 scss 和 js 的反馈速度几乎即时，在线编辑器保存一次等一次编译，痛苦死。
有个坑是如果你们做的是 headless 方案，就是前端单独部署到 vercel 或者自己的服务器，那 CLI 本地开发其实不太常用。因为你直接用 Storefront API 调数据就行，不需要依赖 shopify 的 tunnel。这时候本地开发就是纯前端项目，shopify 那边只需要配好 CORS 和 API 密钥就行。
反正我是觉得能用命令行解决的事就别进那个后台编辑器，效率差太多。