NPM, Bower and Gulp Kickstart
in Visual Studio 2015
Ivan Varga
Visual Studio 2015
Built in support for tools like Grunt, Bower, Gulp and NPM
NPM
Package manager for the JavaScript runtime environment Node.js.
package.json
Node packages: bower, gulp, grunt
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
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
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”
Task runner explorer
Execute Grunt/Gulp tasks
Bind Grunt/Gulp task to a Visual Studio event(Build and Solution
Open).
Demo
https://github.com/ivanvarga/Gulp-tasks

More Related Content

PPTX
NPM, Bower and Gulp Kickstart in Visual Studio
PPTX
Grunt - The JavaScript Task Runner
ODP
What grunt?
PDF
Introduction to Express and Grunt
PDF
Preprocessor Workflow with Grunt
PDF
Grunt JS - Getting Started With Grunt
PDF
Windows azure and linux
PDF
Front-end development automation with Grunt
NPM, Bower and Gulp Kickstart in Visual Studio
Grunt - The JavaScript Task Runner
What grunt?
Introduction to Express and Grunt
Preprocessor Workflow with Grunt
Grunt JS - Getting Started With Grunt
Windows azure and linux
Front-end development automation with Grunt

What's hot (20)

PPTX
Improving Workflows With Grunt.js - Big D Design 2014 - Dallas Texas
PDF
Automate your WordPress Workflow with Grunt.js
PPTX
Dial up your flow
PDF
Using GruntJS
PDF
Grunt All Day
PDF
Polyglot Gradle with Node.js and Play
PDF
[5분 따라하기] 비주얼 스튜디오 C++에서 JSON 파서 설치하기
PDF
Daniel Steigerwald: EsteJS - javascriptové aplikace robusně, modulárně a komf...
PDF
ServiceWorker: New game changer is coming!
PDF
S&T What I know about Node 110817
PPTX
When a Sassquatch and a Board get together (or how to use Grunt to chew Sass)
PDF
Daniel Steigerwald - Este.js - konec velkého Schizma
KEY
WebGL Awesomeness
PDF
GradleのREPLプラグイン紹介 #jggug
PDF
Building the Front End with AngularJS
PDF
Juju + KubernetesでGPU の活用
PDF
Puppeteer - Headless Chrome Node API
PDF
Ansible
PPT
Speed Loading
PDF
JSCS - How to Style your JavaScript Code
Improving Workflows With Grunt.js - Big D Design 2014 - Dallas Texas
Automate your WordPress Workflow with Grunt.js
Dial up your flow
Using GruntJS
Grunt All Day
Polyglot Gradle with Node.js and Play
[5분 따라하기] 비주얼 스튜디오 C++에서 JSON 파서 설치하기
Daniel Steigerwald: EsteJS - javascriptové aplikace robusně, modulárně a komf...
ServiceWorker: New game changer is coming!
S&T What I know about Node 110817
When a Sassquatch and a Board get together (or how to use Grunt to chew Sass)
Daniel Steigerwald - Este.js - konec velkého Schizma
WebGL Awesomeness
GradleのREPLプラグイン紹介 #jggug
Building the Front End with AngularJS
Juju + KubernetesでGPU の活用
Puppeteer - Headless Chrome Node API
Ansible
Speed Loading
JSCS - How to Style your JavaScript Code
Ad

Similar to GulpGruntNPM (20)

PDF
Frontend JS workflow - Gulp 4 and the like
PDF
Intro to Gulp
PDF
Improving your workflow with gulp
PDF
Modern Web Application Development Workflow - EclipseCon US 2014
PPTX
Take A Gulp at Task Automation
PPT
Npmgruntgulp
PDF
Frontend Build Tools - CC FE & UX
PDF
Bower & Grunt - A practical workflow
PDF
JavaScript Power Tools 2015
PDF
JavaScript Power Tools 2015 - Marcello Teodori - Codemotion Rome 2015
PDF
Grunt, Gulp & fabs: Build Systems and Development-Workflow for Modern Web-App...
PPTX
Report introduction to_npm_gulp_bower
PDF
Modern javascript
PDF
Extending Build to the Client: A Maven User's Guide to Grunt.js
PDF
Modern Web Application Development Workflow - web2day 2014
PPTX
Modern Development Tools
PPTX
Bower introduction
PPTX
Automated Development Workflow with Gulp
PPTX
Introduction to using Grunt & Bower with WordPress theme development
PPTX
Building JavaScript
Frontend JS workflow - Gulp 4 and the like
Intro to Gulp
Improving your workflow with gulp
Modern Web Application Development Workflow - EclipseCon US 2014
Take A Gulp at Task Automation
Npmgruntgulp
Frontend Build Tools - CC FE & UX
Bower & Grunt - A practical workflow
JavaScript Power Tools 2015
JavaScript Power Tools 2015 - Marcello Teodori - Codemotion Rome 2015
Grunt, Gulp & fabs: Build Systems and Development-Workflow for Modern Web-App...
Report introduction to_npm_gulp_bower
Modern javascript
Extending Build to the Client: A Maven User's Guide to Grunt.js
Modern Web Application Development Workflow - web2day 2014
Modern Development Tools
Bower introduction
Automated Development Workflow with Gulp
Introduction to using Grunt & Bower with WordPress theme development
Building JavaScript
Ad

GulpGruntNPM