Shopify cli安装与使用

988 阅读2分钟

Shopify CLI

Shopify CLI是一个命令行界面工具,用于Shopify应用程序和主题的开发。

环境

  • node 18.20+,20.10或更高版本
  • git 2.28.0或更高版本

安装

npm install -g @shopify/cli@latest

常用命令

  • help shopify cli按照功能范围分组,命令格式为:shopify [topic] [command],运行 shopify help可以获取这些指令详情
shopify help
  • upgrade 尽可能使用最新版本的Shopify CLI。如果要升级,请执行shopify version命令检查当前版本,并确定是否有可用的更新。运行npm install -g @shopify/cli@latest更新 image.png

使用CLI开发主题

Step 1:初始化新主题

在指定的工作目录运行以下命令,将克隆官方模板示例Dawn至本地

shopify theme init

系统提示您为主题输入名称,例如leo-starter。主题被克隆到同名的文件夹中,克隆主题后,导航到文件夹:

cd leo-starter

image.png

Step 2:启动本地开发服务器

初始完模板后,可以运行shopify theme dev进行本地预览主题,本地修改的内容会同步更新到预览地址

image.png 注:

  • 第一次运行dev命令时,系统会提示您登录Shopify。所有需要登录的账号具有模板操作相关的权限或者账号是店铺的所有者。
  • 在第一次运行时需要传递标识--store指定店铺连接,后续传递新标识可以覆盖,检查当前连接的商店可以使用命令shopify theme info
  • 开发预览只适用于chrome浏览器

image.png 下图显示了正在使用dev启动的开发服务器: image.png

Step 3:将主题上传至商店

通过push命令将本地开发主题上传到商店,第一次上传不希望将模板作为publish(live)模板可以添加标识--unpublished实现

shopify theme push --unpublished

运行命令是会提示输入新主题名称,运行成功后在商店主题列表会出现一个新的主题,名称即之前输入的

image.png

image.png