Shopify-创建主题搭建环境Windows 版

394 阅读1分钟

一、前期安装工具准备

1. nvm 安装管理node

nvm可以切换不同版本的node,蛮方便的。

//安装nvm前请提前卸载原有的node。
//下载地址:https://github.com/coreybutler/nvm-windows/releases
nvm                  // 会提示nvw下的相关命令
nvm ls               // 查看已安装node版本 nvm list 也行
nvm install vXX      // 安装对应vXX版本的node eg:nvm install v13.9.0
nvm uninstall vXX    // 卸载对应vXX版本的node eg:nvm uninstall v13.9.0
nvm use xxx          // 选择使用XXX版本

如果嫌弃网速慢,毕竟在国外,可以换源,修改安装目录下的settings.txt文件:
root: D:\nvm
path: D:\nvm\nodejs
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
或者
set "NVMW_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node"
set "NVMW_NPMJS_COM_MIRROR=https://npm.taobao.org/mirrors/npm"
我的精力告诉我,安装新版本node时淘宝npm源基本不能工作,下载错误,旧版随意。

2. Ruby+Devkit 3.0

使用RubyInstaller for Windows
(选择 MSYS2 组件和 MSYS2 基本安装选项)

image.png

3. git安装

image.png

4. bundler安装

ruby -v                 // Bundler 是一个 Ruby 的工具,确保已经安装了 Ruby
gem install bundler    // RubyGems 来安装 Bundler
bundler --version     // 验证 Bundler 是否成功安装

二、创建主题

1. 安装 Shopify CLI

npm install -g @shopify/cli @shopify/theme

2. 使用 Dawn 初始化新主题

第一种:使用shopify提供的模板

image.png image.png

第二种:从另一个 Git 存储库克隆主题(即不使用shopify提供的模板)

图片里的git克隆主题,是来源国外youtobe上的博主WeeklyHow image.png image.png image.png

三、shopify文件关联

0.png

1.png

2.png

666.png