Auto-Refresh for Shopify Development using Browser-Sync

Image for post
Image for post
Edit Liquid in Sublime Text and have browser refreshed on save.
npm install -g browser-sync
brew tap shopify/shopify
brew install themekit
choco install themekit
theme new --password=[your-password] --store=[your-store.myshopify.com] --name=[theme name]
Image for post
Image for post
New Theme Kit Project Files
theme watch
browser-sync start --proxy "https://<mystore>.myshopify.com/" --files "*/*.*" --reload-delay 1000
Image for post
Image for post
Theme Kit Barebones Landing Page.

Written by

Front-end Web Developer. Language lover. Traveler. Dude.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store