刚入坑 Shopify 独立站开发，之前用插件改 Liquid 和 theme 代码，每次都去后台复制粘贴太慢了。看到有 Shopify CLI 可以本地跑 Node.js 和 Remix，这玩意儿真能替代后台编辑器开发吗？适合新手还是劝退？
3 Answers
这事我也一直想问，去年我试过一次 CLI 初始化被折磨疯了。
先说我当时怎么弄的：装 Node 18+，然后 npm 全局装 @shopify/cli，接着跑 shopify app init，选 Build a Remix app，TypeScript 版本。问题来了，它要求你先在 Partner Dashboard 创建 App 并获得 API key 和 secret，我搞了三次才把 scope 权限配对，少勾了一个 write_products，本地跑起来后拉商品列表直接 403。
后来我放弃了，直接用 Shopify 的 Theme Kit（旧工具）写 Liquid，用 VS Code 的 SFTP 插件同步到服务器。好处是不用折腾 OAuth，坏处是不能用 React 做自定义页面。
但如果你要做的是 Custom App（比如店铺管理后台功能或者自定义 checkout），那 CLI + Remix 是唯一选项。我朋友 2024 年用这组合给一个中大型品牌做订单同步系统，本地跑 Node + Shopify SDK，开发效率确实高，热更新秒生效，比每次改完上传测试快多了。
唯一劝退点：新手建议先会用 Shopify 官方后台的 Theme Editor 和代码编辑器，等对 Liquid 和 Ajax API 熟悉了再上 CLI。否则你 debug 时既要查 Shopify 文档又要查 Remix 文档，容易两头塌。
总之，本地开发可行，但入门成本高半小时到一小时，值不值看你项目复杂度。
数据显示这个结论也对
我懂你这种慌，我去年入行时也以为本地开发很难。结果第一次跑 shopify app init 就成功了，全程大概 15 分钟。
说个建议：CLI 初始化时选 JavaScript 别选 TypeScript，踩的类型坑少一半。然后跑 shopify app serve 时注意别开 VPN，不然 ngrok 隧道会断。剩下的跟着官方 Quick Start 走就行了，别自己乱改配置文件。
这个其实没那么复杂，我两年前就开始用 CLI 开发了，说下真实感受。
命令行启动没什么门槛：shopify app dev 跑起来后，它会自动生成一个 ngrok 隧道把你的本地服务暴露到公网，Shopify 后台就能直接调用你的本地接口做页面渲染。测主题修改时，你改一个字立马能看到效果，不用一次次上传。
但有个坑：CLI 默认生成的项目是 Remix 架构，文件结构跟普通 Liquid 主题完全不同。我第一次看到 app/routes 文件夹里那些 .tsx 文件时懵了 10 分钟。如果你不熟悉 React 生态，建议先学点基础再碰。
对了，本地开发时注意网络稳定性，ngrok 免费版每次重启 URL 会变，导致部分回调地址不对，我一般用付费版或者直接部署到 Vercel 做 staging 环境。反正比在后台复制粘贴爽太多。
