持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第1天，点击查看活动详情

前言

小伙伴们好，这是我第一个专栏《shopify开发之Liquid》系列文章，入坑shopify到现在也快有半年时间，一路上磕磕碰碰也遇到各种各样的问题，每次在遇到问题的时候资料都很难找。接下来在这个系列里介绍一下关于liquid和shopify中遇到的一些问题分享给大家，希望能帮到在开发shopify路上的小伙伴一点点帮助。

看到这里，想必对面的你肯定有了属于自己的账号了

项目中使用的是Online Store 2.0的主题，则需要使用他的主题工具包Shopify CLI来开发；至于Shopify CLI的作用，官网里也做了一个介绍Shopify,接下来就是安装了

前提条件

Ruby+Devkit得要2.7或者更高版；
git (这个现在应该是人手一份的吧)

开发工具

1、Shopify Cli

    gem install shopify-cli // 安装shopify cli
    shopify version // 查看是否安装成功

1、Theme Kit

window 通过运行以下命令安装 Theme Kit 和Chocolatey ：

    brew tap shopify/shopify
    brew install themekit

mac 使用Homebrew通过运行以下命令来安装 Theme Kit：

    choco install themekit

因为我这里之前用的是theme Kit，这里就拿theme kit做个栗子。在后台可以看到一个类似这种的主题模板

你可以选择直接编辑代码，也可以选择这边的github集成或者上传zip包

到这里，官网有介绍Theme Kit Access 应用程序，总体来说就是在后台建一个app授权一下密码，这一步我们没用到，可能是老板比较信任我们吧哈哈哈哈~

创建主题

    theme new --password=[your-password] --store="[your-store.myshopify.com]" --name=[theme name]

password是Theme Kit Access提到的密码，store是商店的名字，name是主题的名称;

    theme watch  //监视本地文件所做的任何更改，并自动将更改推送到连接的 Shopify 商店中的主题

以下是创建好的文件：

如果需要本地开启可使用以下命令：

    shopify theme serve //本地打开预览

总结

到这里粗略的介绍了一下基本的搭建，有问题的小伙伴可在评论区留言，当然有不同的见解欢迎在评论区留言~

既然看到这里了，点个赞鼓励一下作者吧~

咱们下期再见！

Shopify主题开发- 环境搭建

前言

前提条件

开发工具

创建主题

总结