跳到主要内容

shopify 主题开发

· 阅读需 2 分钟
Yana Ching
Yana Ching
Front End Engineer

初始化项目​

  1. 安装脚手架 @shopify/cli
npm install -g @shopify/cli
  1. 初始化项目，以 dawn 初始开始开发
shopify theme init
提示

如果这个步骤失败的话，则直接登录 shopify 账户，初始化店铺的主题之后，手动下载主题代码

点击下载按钮之后，你会在邮箱收到一个主题文件，下载即可使用

image-20240421223100207

image-20240421223224667

  1. 本地开发预览
shopify theme dev --store <your-store-name>
  1. 以未发布状态上传主题
shopify theme push --unpublished
  1. 直接更新主题代码
shopify theme push
  1. 发布主题
shopify theme publish

git 仓库关联​

# 初始化仓库
git init

# 在github 手动创建仓库之后，复制仓库地址
# 关联仓库
git remote add origin <your-repo-address>

# 提交所有更新
git add .
git commit -m 'init: init my shopify theme'

# 推送到远端
git push --allow-unrelated-hostoric origin master