Shopify-Local-Dev-Environment

Local setup for Shopify Theme development (work in progress)

Requirements

• Shopify Theme Kit
• npm
• Command line tool

Goals

Theme kit will automatically deploy all theme files to Shopify directly, allowing you to preview live changes. Gulp will watch for changes in local files, then process them and move to directory observed by theme kit.

How to start

1. Create and navigate to empty directory (root directory)
   • either download and extract this repo in root directory,
   • or clone this repo in root directory,
2. Obtain your Shopify API credentials
3. Navigate to src directory and run the following command:

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

4. Move config.yml file from src to dist directory
5. In root directory run npm install command
6. Navigate to src directory and run gulp commmand, leave it running
7. Open additional command line tool instance, navigate to dist directory and run theme watch command, leave it running