8
NPM, Bower and Gulp Kickstart in Visual Studio 2015

NPM, Bower and Gulp Kickstart in Visual Studio

  • Upload
    axilis

  • View
    373

  • Download
    1

Embed Size (px)

Citation preview

Page 1: NPM, Bower and Gulp Kickstart in Visual Studio

NPM, Bower and Gulp Kickstart in Visual Studio 2015

Page 2: NPM, Bower and Gulp Kickstart in Visual Studio

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

Page 3: NPM, Bower and Gulp Kickstart in Visual Studio

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

Page 4: NPM, Bower and Gulp Kickstart in Visual Studio

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

Page 5: NPM, Bower and Gulp Kickstart in Visual Studio

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

Page 6: NPM, Bower and Gulp Kickstart in Visual Studio

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”

Page 7: NPM, Bower and Gulp Kickstart in Visual Studio

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