[Angular.js 學習筆記] 整合 Yeoman 建立 Todo List App
本文章參考官方教學的 1 小時 codelab，整合 Yeoman 建立一個簡單的 Todo List App。在過程中除了會使用到 Yeoman 和Angular 外，也會接觸到 Grunt、Bower 的應用，話不多說，現在就讓我開始吧，首先先介紹前端常用三工具！
隨著前端工程的高速發展，Web App 開發已經日趨複雜，尤其許多本來應該在 Server Side 的程式碼，為了提升使用者體驗，也移到了前端進行開發，而為了加快前端開發的速度許多好用工具就應運而生，其中前端工程目前最常見的就是Yeoman、Grunt / Gulp、Bower / npm 組合了！
1. Yeoman：什麼是 Yeoman？Yeoman是一個可以幫助開發者運用 generator 快速搭出一個 Web App 的鷹架（檔案架構、引入函式庫），加快開發速度，你也可以製作自己的 generator 和大家分享！（目前比較知名的 generator 有 angular、webapp、backbone等）
2. Grunt / Gulp：這類的自動化任務管理工具，對於要反覆執行的任務，例如壓縮（minification）、編譯（compile）、單元測試、linting等，可以簡化你的工作，只要配置好相關任務和參數，工具就會自動幫你完成， build,、preview 和 test 你的 project，目前 Grunt 和 Gulp 是兩個比較知名的工具。
3. Bower / npm：用於管理 dependency ，這樣一來就不用像以前一樣，要自己下載欲使用的函式庫，輕輕鬆鬆就可以管理好使用的 Package（搜尋、安裝、刪除等），目前 Bower 和 npm 是兩個比較知名的工具！
設定環境
參考文章：
1. Yeoman
Share story
