前端框架:Yeoman
Yeoman是一個非常出色的前端框架,對于前端項目的構建優化,團隊管理很有幫助。
yeoman可以方便web開發者快速構建出一個標準化結構的web項目流程。它不只是一個工具,是一個工作流程,這個工作流程包含了3個工具。
1. Yo 它就是一個腳手架的工具,用于構建一個新的項目框架
2. Grunt 項目的構建工具

Yeoman特性總結
- 快速創建骨架應用程序——使用可自定義的模板(例如:HTML5、Boilerplate、推ter Bootstrap等)、AMD(通過RequireJS)以及其他工具輕松地創建新項目的骨架。
- 自動編譯CoffeeScrip和Compass——在做出變更的時候,Yeoman的LiveReload監視進程會自動編譯源文件,并刷新瀏覽器,而不需要你手動執行。
- 自動完善你的腳本——所有腳本都會自動針對jshint(軟件開發中的靜態代碼分析工具,用于檢查JavaScript源代碼是否符合編碼規范)運行,從而確保它們遵循語言的最佳實踐。
- 內建的預覽服務器——你不需要啟動自己的HTTP服務器。內建的服務器用一條命令就可以啟動
- 非常棒的圖像優化——Yeoman使用OptPNG和JPEGTran對所有圖像做了優化,從而你的用戶可以花費更少時間下載資源,有更多時間來使用你的應用程序。
- 生成AppCache清單——Yeoman會為你生成應用程序緩存的清單,你只需要構建項目就好
- 殺手級”的構建過程——你所做的工作不僅被精簡到最少,讓你更加專注,而且Yeoman還會優化所有圖像文件和HTML文件、編譯你的 CoffeeScript和Compass文件、生成應用程序的緩存清單,如果你使用AMD,那么它還會通過r.js來傳遞這些模塊。這會為你節省大量工作
- 集成的包管理——Yeoman讓你可以通過命令行(例如,yeoman搜索查詢)輕松地查找新的包,安裝并保持更新,而不需要你打開瀏覽器
- 對ES6模塊語法的支持——你可以使用最新的ECMAScript 6模塊語法來編寫模塊。這還是一種實驗性的特性,它會被轉換成eS5,從而你可以在所有流行的瀏覽器中使用編寫的代碼
- PhantomJS單元測試——你可以通過PhantomJS輕松地運行單元測試。當你創建新的應用程序的時候,它還會為你自動創建測試內容的骨架
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!