橦言无忌

一个不想改变世界的程序媛

shopify-cli在ubuntu20.04上搭建使用环境

前言

在本地构建shopify中主题和app的开发环境,在ubuntu和docker环境中构建的主要步骤~

主题涉及到liquid、css和html,前端可能相对更熟悉。

先尝试主题的构建,再逐步到app开发~

1,基础docker

1
docker run -it --name=shopify -p 9292:9292 -p 3456:3456 -v C:\Coding\shopifyStoreTheme:/home ubuntu20.04

9292是本地预览的端口,3456是在关联到远端shopify店铺时的信息交互端口

2,shopify-cli环境配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
apt-get update

# 安装ruby
apt-get install -y ruby-full

# 验证,ruby --version和gem --version可查看版本号

# 更改ruby的源到国内
gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

# 更新缓存
gem sources -u

# shopify-cli是ruby的依赖管理器gem的一个依赖包,类似nodejs对于npm一样。
gem install shopify-cli

# 需要这个组件
apt-get install -y git

3,shopify cli命令

1
2
3
4
使用shopify help <command> 显示有关特定命令的详细信息。

# 本地预览
shopify theme serve --host=0.0.0.0 --port=9292

Note:默认是120.0.0.1:9292的访问地址,但是因为在docker中,所以host改成了0.0.0.0,端口不变

4,参考文献

帮助文档

// 代码折叠