什么是Yeoman灌闺?
現(xiàn)代 Web App 的腳手架工具
Yeoman 的作用
在 Web 項目的立項階段顷编,使用 Yeoman 來生成項目的文件,代碼結(jié)構(gòu)哀军。Yeoman 自動將最佳實踐和工具整合進來沉眶,大大加速和方便了我們后續(xù)開發(fā)。
Yeoman是Google的團隊和外部貢獻者團隊合作開發(fā)的杉适,他的目標(biāo)是通過Grunt(一個用于開發(fā)任務(wù)自動化的命令行工具)和Bower(一個HTML谎倔、CSS、Javascript和圖片等前端資源的包管理器)的包裝為開發(fā)者創(chuàng)建一個易用的工作流猿推。
Yeoman的目的不僅是要為新項目建立工作流片习,同時還是為了解決前端開發(fā)所面臨的諸多嚴(yán)重問題,例如零散的依賴關(guān)系蹬叭。
Yeoman主要有三部分組成:yo(腳手架工具)藕咏、grunt(構(gòu)建工具)、bower(包管理器)具垫。這三個工具是分別獨立開發(fā)的侈离,但是需要配合使用,來實現(xiàn)我們高效的工作流模式筝蚕。
下面這幅圖很形象的表明了他們?nèi)咧g的協(xié)作關(guān)系卦碾。
YOMAN的特性
閃電般的初始化:項目開始階段,可以基于現(xiàn)有的模板框架(例如:HTML5 Bolierplate起宽、Twitter Bootstrap)進行項目初始化的快速構(gòu)建洲胖。
了不起的構(gòu)建流程:不僅僅包括JS、CSS代碼的壓縮坯沪、合并绿映,還可以對圖片和HTML文件進行優(yōu)化,同時對CoffeScript和Compass的文件進行編譯腐晾。
自動編譯CoffeScript和Compass:通過LiveReload進程可以對源文件發(fā)生的改動自動編譯叉弦,完成后刷新瀏覽器。
自動Lint代碼:對于JS代碼會自動進行JSLint測試藻糖,確保代碼符合最佳編程實踐淹冰。
內(nèi)置的預(yù)覽服務(wù)器:不再需要自己配置服務(wù)器了,使用內(nèi)置的就可以快速預(yù)覽巨柒。
驚人的圖片優(yōu)化:通過使用OptiPNG和JPEGTran來優(yōu)化圖片樱拴,減少下載損耗。
殺手級包管理:通過bower search jQuery洋满,可以快速安裝和更新相關(guān)的文件晶乔,不再需要打開瀏覽器自己搜索了。
PhantomJS單元測試:可以非常方便的使用PhantomJS進行單元測試牺勾,一切在項目初始的時候都準(zhǔn)備好了正罢。
Yeoman 的使用
安裝 angular
yo angular learnangular(項目名)