1. Download Node.js and install it and make sure you have the npm package manager selected before the installation.
2. Open PowerShell and verify the npm installation.
3. Also verify if you have Ruby and Compass installed.
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.
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
11. Run the Grunt server and preview your webapp @ http://localhost:9000/.
grunt server
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 -.
13. Restart the server and your first Yeoman webapp with HTML5 Boilerplate, Bootstrap with SASS and Modernizr is now ready!
Done =)
Reference: Yeoman
Filed under: Web Development Tagged: Bootstrap, Bower, Compass, Gem, Grunt, HTML5, HTML5 Boilerplate, Javascript, Modernizr, Node Package Manager, Node.js, npm, PowerShell, Ruby, Sass, Twitter, Yeoman, Yo
