shopify01- 安装模板和本地环境搭建

shopify01- 安装模板和本地环境搭建

安装模板

  • shopify 项目相关命令 https://shopify.dev/docs/themes/tools/cli/commands#command-overview
  • 打开终端,安装 shopify 的脚手架。
    1
    2
    npm install -g @shopify/cli @shopify/theme
    `shopify version` 查看版本
  • 直接打开终端输入 shopify theme init dawn 即可下载 dwan 主题 当然也可以自行搜索下载其他主题
  • 完成这一步之后先把.git 文件删掉 然后把本地项目推到 github 上面去

注册 shopify 账号

打开官网 https://admin.shopify.com/ 直接选择创建商店,输入身份信息注册,如果有企业相关信息也可以填写,没有瞎填也行。创建成功之后转到管理后台 点击右侧的在线商店 => 点击模板 => 选择当前模板(这一步需要先绑定模板库去添加模板,选择从 github 上连接即可),点击预览

然后就会看到下面这张图片内容,这个时候需要记住 url 的meiyingwu.myshopify.com 这个跟后面创建本地环境的时候需要用到。

本地环境搭建

  • 输入 shopify theme dev --store {store-name}
    1
    2
    // {store-name} 就是上面的地址 meiyingwu.myshopify.com
    shopify theme dev --store meiyingwu.myshopify.com
  • 然后能看到 url 地址已经变成本地的地址了,输入密码即可进入。

开发模板主题

这方面的内容目前我都是在在线商店页面去编辑的,然后保存之后,在本地环境就能看到效果了。等后面有时间了在去尝试如何在本地代码上使用 liquid 语言开发 shopify 独立站

shopify01- 安装模板和本地环境搭建

https://www.yoimiya.cloud/shopify01/

作者

yoimiya

发布于

2023-12-21

更新于

2023-12-21

许可协议

评论