从零开始创建Shopify模版

从零开始创建Shopify模版 - Part 1 - 环境的搭建

2019-12-05  本文已影响0人  StillWater_7e10

Shopify模版概况:Shopify主题使用liquid模版语言,该语言衍生的slate模版可作为前端开发的脚手架。liquid核心语言并不复杂,与常用的模版语言有很多相似之处。

阅读本教程需要对html,js,css,scss以及一些常用css框架有一定了解,对于基础内容我不会作过多介绍。

环境的搭建,以及编辑模版的常用方法:

1. Slate模版+Yarn 或者 NVM 构建工具。这种方法本来应该是最适合的方法,但是奈何国内网速想要完整安装依赖真是难上加难,尝试几次未果,无奈放弃,感兴趣的朋友可以去官网具体查看步骤。

2. themekit 工具。这个方法是我目前使用的方式。themekit 是Shopify团队集成的开发工具,可以监听本地代码自动上传到store,方便快捷的调试界面。需要进行简单的配置,由于是手机在编写,后续将下载链接和配置图补上。

3. 不用开发环境,直接在浏览器通过editor修改编写文件。(方便,但是不建议)

环境搭建比较简单,算是我们迈出的第一步吧。

上一篇下一篇

猜你喜欢

热点阅读