Setting up Dev Tools
To setup the dev tools and environment for customizing the theme, unzip the theme package to any folder and open a command line at that location.
ShadePro's dev tools require Node, and the Gulp CLI package. Assuming you have Node and Git installed, the following command installs Gulp Command Line Utility globally so the
gulp command can be used anywhere in your system.
npm install gulp-cli -g
When you have installed Gulp, run
npm install and the required packages for the ShadePro dev tools will be downloaded to the
ShadePro employs Browsersync via
gulp to serve pages from the
dist directory. Running
gulp will compile the theme, copy all required files to the
dist directory and will open a browser window to
While Gulp is running, Files in the
js folders are monitored for changes, which will inject updated CSS or cause a refresh in Browsersync.
Hit Ctrl+C or just close the command line window to stop the server.