之前工作中的操作,都是本地开发之后,复制代码到线上,然后保存,非常麻烦,而且容易出错。今天尝试自己配置环境,实现本地开发,再用命令行推代码到线上。
1、安装shopify CLI:官方文档
注意:保证node、npm、git的版本高于官方要求
- 接下来控制台输入指令:
npm install -g @shopify/cli@latest
- 这一步基本没啥问题,也不会报错,可以控制台输入shopify,显示指令列表就表示安装成功了
2、获取代码
- 新建一个文件夹,在文件夹中放入名称为config.yml的文件,文件格式如下:
development:
password: shptka_***********************7
theme_id: 1*********6
store: your-store-name.myshopify.com
password字段 来源于Theme Access插件,获取方式:
在插件页面
邮箱会收到邮件,点击获取密码一步步来就行
theme_id字段 在后台获取,获取方式:
点击自定义,进去页面之后,id就在url中
store字段 在shopify partners获取
都填好之后,在这个文件所在的文件夹,打开控制台,输入指令:
shopify theme pull
如果一切顺利,代码就被拉到本地了,后面编辑代码推代码很简单就不说了
- 输入指令运行代码
shopify theme dev - 但我遇到了这个问题,报错:Client network socket disconnected before secure TLS connection was established
最后通过修改VPN的tls参数、设置Internet的tls选项,最后成功了,但是网络会有波动,不知道是不是和我的VPN有关