Find out what are npm, bower and gulp and what are they doing in Visual Studio 2015. Lecture will show you how to properly start doing Javascript projects in VS and why we wont miss nuget packages.

1. NPM, Bower and Gulp Kickstart
in Visual Studio 2015

2. Visual Studio 2015
Built in support for tools like Grunt, Bower, Gulp and NPM

3. NPM
Package manager for the JavaScript runtime environment Node.js.
package.json
Node packages: bower, gulp, grunt

4. Bower
Bower is a package management system for client-side
programming. It depends on Node.js and npm. It works with git and
GitHub repositories.
.bower.json
.bowerrc

5. Gulp vs Grunt
Node based automated task runners
compiling sass, linting css, concatenating files, minifying files,
auto-generating image sprites and compressing images
Grunt config file vs Gulp code

6. Gulp tasks
gulpfile.js
“gulp-load-plugins“, “gulp-bower“, “gulp-config“, “gulp-concat”,
“gulp-uglify“, “gulp-filter“, “gulp-util“, “gulp-useref”, “gulp-minify-css”,
“main-bower-files”, “gulp-angular-templatecache”

7. Task runner explorer
Execute Grunt/Gulp tasks
Bind Grunt/Gulp task to a Visual Studio event(Build and Solution
Open).

8. Demo
https://github.com/axilis/Gulp-tasks.git