一、前期安装工具准备
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 基本安装选项)
3. git安装
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提供的模板
第二种:从另一个 Git 存储库克隆主题(即不使用shopify提供的模板)
图片里的git克隆主题,是来源国外youtobe上的博主WeeklyHow