A boilerplate for frontend development using Gulp, SASS, Bootstrap, MomentJS, Chosen, AngularJS 1.6, Angular UI Router and a few other libraries

Credits to https://github.com/zakaziko99/assets-bootstrap-sass-bower-gulp.git as I used it to start off

This boilerplate uses a number of open source projects to work properly:

• NodeJs
• Bower
• Gulp
• Bootstrap 3
• jQuery
• SASS

• Install dependencies
• Customizing gulpfile.js
• Development workflow

In order to start a project with Bootstrap SASS & jQuery, first you'll better get the repo

git clone [email protected]/arjunmat/gulp-starter-kit.git

Then customize your project by changing the name and delete the .git folder

mv gulp-starter-kit <project-folder>
cd <project-folder>/
rm -rf .git

To use Bootstrap SASS & jQuery, your project requires the following major dependencies:

• Node.js, used to run JavaScript tools from the command line.
• npm, the node package manager, installed with Node.js and used to install Node.js packages.
• bower, a fast package manager for the web frameworks, libraries, assets, and utilities.
• gulp, a Node.js-based build tool.

To install dependencies:

1. Check your Node.js version.

node --version

The version should be at or above 0.12.x.

2. If you don't have Node.js installed, or you have a lower version, go to nodejs.org and click on the big green Install button.

3. Install bower and gulp.

npm install -g bower gulp

This lets you run bower and gulp from the command line. (the working directory must be the root of your project)

4. Install the Bootstrap SASS & jQuery dependencies.

bower install && npm install

This installs Automate Tasks for better workflow.

on the 'gulpfile.js' file, you can customize the build folder of your project:

var paths  = {...};

Run the wiredep gulp task

gulp wiredep

This will add all the bower dependencies to the HTML file

Start a local server and runs the SASS files

gulp serve

Run the build gulp task

gulp build

This will copy all the distribution files to the build directory