UNPKG

@pixel2html/generator-shopify/readme.md

Version:

1.65 kBMarkdownView Raw

1# Pixel2HTML Shopify Skeleton Generator
2
3[![npm version](https://badge.fury.io/js/%40pixel2html%2Fgenerator-shopify.svg)](https://badge.fury.io/js/%40pixel2html%2Fgenerator-shopify)
4[![Build Status](https://travis-ci.org/Pixel2HTML/shopify-skeleton.svg?branch=master)](https://travis-ci.org/Pixel2HTML/shopify-skeleton)
5[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
6[![dependencies Status](https://david-dm.org/Pixel2HTML/shopify-skeleton/status.svg)](https://david-dm.org/Pixel2HTML/shopify-skeleton)
7
8This is a tool for scaffolding Shopify themes quickly. Built as a starting point like Slate but with more flexibility in mind.
9
10<img src="https://rawgit.com/Pixel2HTML/Pixel2HTML/master/packages/generator-shopify/tour.svg" alt="Cool demo" />
11
12Brought to you by ~>
13<a href='https://pixel2html.com/'><img alt='Pixel2HTML Logo' src='https://rawgit.com/Pixel2HTML/Pixel2HTML/master/packages/generator-shopify/pixel2html-logo.png' width='100px' /></a>
14
15## Instructions
16
17```bash
18$ npm i -g yo @pixel2html/generator-shopify
19$ yo @pixel2html/shopify
20```
21
22## Features
23
24- Sourcemaps :fire:
25- JS with Webpack and ES6 (Just require your problems away)
26- Split vendor and app code (both JS and SCSS)
27- Remove unused css rules on production
28- SVG System
29- Shopify Plus in mind (Checkout layouts)
30- Sensible starting points (all in blank but already wired up)
31- Based of Gulp 4
32- Live reloading with Browser Sync
33- Zip everything in the end
34
35## Coming soon...
36
37- Ajax cart by default (clients love that)
38- How to account for yolo clients 🤔... (aka hot changes on the admin area...)

1	`# Pixel2HTML Shopify Skeleton Generator`
2
3	`[![npm version](https://badge.fury.io/js/%40pixel2html%2Fgenerator-shopify.svg)](https://badge.fury.io/js/%40pixel2html%2Fgenerator-shopify)`
4	`[![Build Status](https://travis-ci.org/Pixel2HTML/shopify-skeleton.svg?branch=master)](https://travis-ci.org/Pixel2HTML/shopify-skeleton)`
5	`[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)`
6	`[![dependencies Status](https://david-dm.org/Pixel2HTML/shopify-skeleton/status.svg)](https://david-dm.org/Pixel2HTML/shopify-skeleton)`
7
8	`This is a tool for scaffolding Shopify themes quickly. Built as a starting point like Slate but with more flexibility in mind.`
9
10	`<img src="https://rawgit.com/Pixel2HTML/Pixel2HTML/master/packages/generator-shopify/tour.svg" alt="Cool demo" />`
11
12	`Brought to you by ~>`
13	`<a href='https://pixel2html.com/'><img alt='Pixel2HTML Logo' src='https://rawgit.com/Pixel2HTML/Pixel2HTML/master/packages/generator-shopify/pixel2html-logo.png' width='100px' /></a>`
14
15	`## Instructions`
16
17	```bash
18	`$ npm i -g yo @pixel2html/generator-shopify`
19	`$ yo @pixel2html/shopify`
20	```
21
22	`## Features`
23
24	`- Sourcemaps :fire:`
25	`- JS with Webpack and ES6 (Just require your problems away)`
26	`- Split vendor and app code (both JS and SCSS)`
27	`- Remove unused css rules on production`
28	`- SVG System`
29	`- Shopify Plus in mind (Checkout layouts)`
30	`- Sensible starting points (all in blank but already wired up)`
31	`- Based of Gulp 4`
32	`- Live reloading with Browser Sync`
33	`- Zip everything in the end`
34
35	`## Coming soon...`
36
37	`- Ajax cart by default (clients love that)`
38	`- How to account for yolo clients 🤔... (aka hot changes on the admin area...)`