-
Install Node.js and npm(node package manager). Visit this site and download the appropriate version for your system.
-
Go to the command line or terminal and check if Node.js and npm are installed
To check the node version:
$ node -vTo check the npm version:
$ npm -v- If commands from point 2 are not successful please consider going back to point 1 and reinstalling the Node.js package or rebooting your computer.
$ npm install.
-
Install grunt-cli (command line interface) using an official get started page
-
Check if grunt was successfully installed
Install all bower components using
$ grunt -v
- Install bower using guidelines on the official page or just execute:
npm install -g bower- Check if bower was successfully installed
$ bower -vNode dependencies are based on the package.json file that is situated in the root of the project. To install them simply do the following command:
$ npm installIf error occurs during installation process delete the node_modules folder and try again
Bower dependencies are based on bower.json file that is situated in the root if the project. To install them simply do the following command:
$ bower install- Grunt default< 6816 /li>
$ gruntStarts the local server and executes watch task to recompile all of the specified files
- Grunt markup
$ grunt markupCompiles a markup version that moves bower dependencies into plugins folder so further development if necessary can be used without npm or bower usage
- Grunt build
$ grunt buildCreates a build folder with minified css, images and uglified javascript for production purposes
/-- root
/--app (development folder that contains all of the source files)
/--css (folder with compiled css files)
/--images (folder that contains both background and content images)
/--backgrounds (background images)
/--content (content images in html, for example, img-news-1.jpg, img-promo-1.jpg)
/--decorations (site decorations: dividers, markers, bullets, big illustrations)
sprite.png (combines small icons and illustrations to be used in css through background-position property)
/--jade (contains jade templates that are compiled into html files using task manager)
/--inc (contains partials that is often used in javascript like json files or html chunks)
gallery.html
data.json
/--sass (contains sass files that are divided into different folders based on the pattern lab principles)
/--js (contains all javascript files, files that use jQuery start with a jQuery prefix)
.csslintrc (contains rules for linting css)
.editorconfig (defines coding styles like indents and line breaks)
.gitignore (specifies intentionally untracked files for git to ignore)
.jscs (code style linter for programmatically enforcing javascript style guide)
.jscsrc (file to disable any preset rule of javascript style guide)
.jshintrc (contains rules for javascript linting)
bower.json (bower dependencies list)
Gruntfile.js (grunt base file that contains tasks, modules and their options)
package.json (contains npm dependencies list)
README.md