After downloading, simply edit the HTML and CSS files included with the template in your favorite text editor to make changes. These are the only files you need to worry about, you can ignore everything else! To preview the changes you make to the code, you can open the index.html
file in your web browser.
After installation, run npm install
and then run npm start
which will open up a preview of the template in your default browser, watch for changes to core template files, and live reload the browser when changes are saved. You can view the gulpfile.js
to see which tasks are included with the dev environment.
gulp
the default task that builds everythinggulp watch
browserSync opens the project in your default browser and live reloads when changes are madegulp css
compiles SCSS files into CSS and minifies the compiled CSSgulp js
minifies the themes JS filegulp vendor
copies dependencies from node_modules to the vendor directory
You must have npm installed globally in order to use this build environment.