1. Download Node.js and install it and make sure you have the npm package manager selected before the installation.
Image may be NSFW.
Clik here to view.
2. Open PowerShell and verify the npm installation.
Image may be NSFW.
Clik here to view.
3. Also verify if you have Ruby and Compass installed.
Image may be NSFW.
Clik here to view.
4. If no Ruby and Compass, download and install Ruby and then install the Compass by
gem install compass
5. Install Yo, Grunt and Bower using npm.
npm install -g yo
6. Verify the installations.
Image may be NSFW.
Clik here to view.
7. Also install the webapp generator.
npm install -g generator-webapp
8. Create your webapp project folder. In this example, i created the folder called eureka.
mkdir eureka
9. Change directory to your project folder.
cd eureka
10. Create your first webapp with Twitter Bootstrap with SASS and Modernizr.
yo webapp
Image may be NSFW.
Clik here to view.
11. Run the Grunt server and preview your webapp @ http://localhost:9000/.
grunt server
Image may be NSFW.
Clik here to view.
12. If you get the same error Syntax error: Invalid CP950 character "xE2" as above, open the app\bower_components\sass-bootstrap\lib\_grid.scss and replace — to -.
Image may be NSFW.
Clik here to view.
13. Restart the server and your first Yeoman webapp with HTML5 Boilerplate, Bootstrap with SASS and Modernizr is now ready!
Image may be NSFW.
Clik here to view.
Done =)
Reference: Yeoman
Filed under: Web Development Tagged: Bootstrap, Bower, Compass, Gem, Grunt, HTML5, HTML5 Boilerplate, Javascript, Modernizr, Node.js, npm, PowerShell, Ruby, SASS, Twitter, Yeoman, Yo Image may be NSFW.
Clik here to view.
Image may be NSFW.Clik here to view.
