本地进行Shopify主题二次开发

1,082 阅读1分钟

之前工作中的操作,都是本地开发之后,复制代码到线上,然后保存,非常麻烦,而且容易出错。今天尝试自己配置环境,实现本地开发,再用命令行推代码到线上。

1、安装shopify CLI:官方文档

注意:保证node、npm、git的版本高于官方要求 image.png

  • 接下来控制台输入指令:
npm install -g @shopify/cli@latest
  • 这一步基本没啥问题,也不会报错,可以控制台输入shopify,显示指令列表就表示安装成功了

image.png

2、获取代码

  • 新建一个文件夹,在文件夹中放入名称为config.yml的文件,文件格式如下:
development:
    password: shptka_***********************7
    theme_id: 1*********6
    store: your-store-name.myshopify.com

password字段 来源于Theme Access插件,获取方式:

在插件页面

image.png

image.png

邮箱会收到邮件,点击获取密码一步步来就行 image.png

theme_id字段 在后台获取,获取方式:

image.png 点击自定义,进去页面之后,id就在url中 image.png

store字段 在shopify partners获取

image.png image.png

都填好之后,在这个文件所在的文件夹,打开控制台,输入指令:

shopify theme pull

如果一切顺利,代码就被拉到本地了,后面编辑代码推代码很简单就不说了

  • 输入指令运行代码shopify theme dev image.png
  • 但我遇到了这个问题,报错:Client network socket disconnected before secure TLS connection was established image.png

最后通过修改VPN的tls参数、设置Internet的tls选项,最后成功了,但是网络会有波动,不知道是不是和我的VPN有关

image.png