NPM, Bower and Gulp Kickstart in Visual Studio

Preview:

Citation preview

NPM, Bower and Gulp Kickstart in Visual Studio 2015

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

NPMPackage manager for the JavaScript runtime environment Node.js.package.jsonNode packages: bower, gulp, grunt

BowerBower 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

Gulp vs GruntNode based automated task runnerscompiling sass, linting css, concatenating files, minifying files, auto-generating image sprites and compressing imagesGrunt config file vs Gulp code

Gulp tasksgulpfile.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”

Task runner explorerExecute Grunt/Gulp tasksBind Grunt/Gulp task to a Visual Studio event(Build and Solution Open).

Recommended