A Gulp powered task-runner enabling local development using pug, sass, and es6 files that compile in real-time to optimized and browser friendly css with browsersync!
This section contains links to additional documentation for technologies used in this build system:
PUG is a template engine offering a wealth of features including:
- shorthand html syntax.
- interpolation through variables, includes, & layouts.
- conditional statements2
- mixins
- and more...
SASS offers two syntax formats, identifiable by the file extension used (.scss or .sass). This framework uses the .scss format.
1. Insure you have Node.js installed
Open terminal, type node -v, and press enter. If a version number is given, you have node.js already installed and may proceed to next step. If you see an error message, proceed to http://nodejs.org/, download and install node.js on your machine.
Download Xcode directly from the app store.
3. Insure you have Git installed
Open terminal, type git, and press enter. If a list of common Git commands is given, you have Git already installed and may proceed to next step. If you see an error message, proceed to Git install guide on Github.
See Github Help Documentation for help on this step.
Using terminal and the cd command to navigate to root directory of content-build-system. For example:
cd path/on/your/computer/content-build-system/
Once inside the content-build-system folder, run npm install command to install all packages listed in the package.json file contained in this directory.
If you encounter access permissions, in terminal try sudo npm install.
If you encounter errors related to specific packages not installing, investigate the error messages to determine which packages still need to be installed and attempt to install them individually in terminal using npm install name-of-package --save-dev.
If you receive the error Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (57): rebuild sass with npm rebuild node-sass
Coming Soon! This section TBD as this project is a work in progress and not complete just yet.