Yeoman + Grunt + Bower - Google I/O Rewind Sri Lanka
3 likes1,555 views
Yeoman, Grunt, and Bower form a development stack where Yeoman is a scaffolding tool that generates boilerplates, Grunt is a JavaScript task runner for automating repetitive tasks like minification, and Bower is a package manager for fetching, installing, and managing third-party packages. The document provides instructions on installing each tool via Node.js and npm and using them together to build a web app, with Yeoman for generating the initial scaffolding, Grunt for automating build tasks, and Bower for managing third-party packages.
Yeoman + Grunt + Bower - Google I/O Rewind Sri Lanka
- 1. Yeoman + Grunt + Bower A better threesome!
- 2. Yeoman Open source - client side - development stack Helps developers to kick start building high quality web apps Scaffolding tool - generates boiler plates with libraries Runs as a command line interface written in - nodejs Yeoman.io Yeoman was released at Google I/O 2012.
- 3. Grunt A Javascript Task Runner - Automation tool The less work you have to do when performing repetitive tasks like ● Minification ● Compilation ● Unit testing the easier your job becomes. Gruntjs.com
- 4. Bower A package manager, works by ● Fetching and installing packages ● Taking care of hunting, finding ● Downloading, and saving the stuff you’re looking for. Bower keeps track of these packages in a manifest file bower.json Bower.io
- 6. nodejs & npm Windows nodejs.org/ - download and install Linux sudo apt-get install nodejs sudo apt-get install npm
- 7. yo Install Yeoman npm install -g yo Install default generator npm install -g generator-webapp
- 8. Grunt Install Grunt npm install -g grunt-cli
- 9. Bower Install Bower npm install -g bower
- 11. Go to your desired project folder and run - $ yo Choose the generator as webapp Run $ grunt serve and watch the magic Build the default web-app
- 12. Let’s dive deep
- 13. Manage with Bower Get a package $ bower install <package-name> Get and save dependency in bower.json $ bower install <package-name> -S See all dependencies $ bower list
- 14. Build distributables $ grunt build Makes the dist folder App is now ready for deployment
- 15. Thank you Session by Raveen Harith Perera & Milindu Sanoj Kumarage Google I/O Rewind 2015 Sri Lanka