AngularJS + Gulp Skeleton

Build automation for AngularJS projects is indispensable for anyone who works with this amazing and powerful framework. If you are planning to work on new projects using AngularJS, this post is for you. In this article, I am going to show you in a few and simple steps, how to structure a new AngularJS project using GULP.

Tools required:
NPM / Node.js
Any code editor - Visual Studio Code is always a great choice!!!

Step One
Under your project's folder, run the command: "npm init". Before creating the package.json file, this command will ask you a few questions, it's ok if you just press [enter] for all of them.

C:\dev\angularjs-gulp-skeleton>npm init

Step Two
Install AngularJS, Angular Route and Angular UI Bootstrap(optional). Angular UI Bootstrap requires Bootstrap CSS version 3.x or higher.
Font-awesome and JQuery will be also installed just to show you how to configure gulpfile.js when new libraries are installed.
Continue reading