Grunt - Yeoman

什么是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)系卦碾。

Yeoman.png

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(項目名)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市驻民,隨后出現(xiàn)的幾起案子翻具,更是在濱河造成了極大的恐慌袱饭,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,539評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件呛占,死亡現(xiàn)場離奇詭異虑乖,居然都是意外死亡,警方通過查閱死者的電腦和手機晾虑,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,594評論 3 396
  • 文/潘曉璐 我一進店門疹味,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人帜篇,你說我怎么就攤上這事糙捺。” “怎么了笙隙?”我有些...
    開封第一講書人閱讀 165,871評論 0 356
  • 文/不壞的土叔 我叫張陵洪灯,是天一觀的道長。 經(jīng)常有香客問我竟痰,道長签钩,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,963評論 1 295
  • 正文 為了忘掉前任坏快,我火速辦了婚禮铅檩,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘莽鸿。我一直安慰自己昧旨,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,984評論 6 393
  • 文/花漫 我一把揭開白布祥得。 她就那樣靜靜地躺著兔沃,像睡著了一般。 火紅的嫁衣襯著肌膚如雪级及。 梳的紋絲不亂的頭發(fā)上乒疏,一...
    開封第一講書人閱讀 51,763評論 1 307
  • 那天,我揣著相機與錄音创千,去河邊找鬼缰雇。 笑死入偷,一個胖子當(dāng)著我的面吹牛追驴,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播疏之,決...
    沈念sama閱讀 40,468評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼殿雪,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了锋爪?” 一聲冷哼從身側(cè)響起丙曙,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤爸业,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后亏镰,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體扯旷,經(jīng)...
    沈念sama閱讀 45,850評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,002評論 3 338
  • 正文 我和宋清朗相戀三年索抓,在試婚紗的時候發(fā)現(xiàn)自己被綠了钧忽。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,144評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡逼肯,死狀恐怖耸黑,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情篮幢,我是刑警寧澤大刊,帶...
    沈念sama閱讀 35,823評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站三椿,受9級特大地震影響缺菌,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜搜锰,卻給世界環(huán)境...
    茶點故事閱讀 41,483評論 3 331
  • 文/蒙蒙 一男翰、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧纽乱,春花似錦蛾绎、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,026評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至薯嗤,卻和暖如春顽爹,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背骆姐。 一陣腳步聲響...
    開封第一講書人閱讀 33,150評論 1 272
  • 我被黑心中介騙來泰國打工镜粤, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人玻褪。 一個月前我還...
    沈念sama閱讀 48,415評論 3 373
  • 正文 我出身青樓肉渴,卻偏偏與公主長得像,于是被迫代替她去往敵國和親带射。 傳聞我的和親對象是個殘疾皇子同规,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,092評論 2 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,190評論 25 707
  • 本文首發(fā)于 GitChat,現(xiàn)免費放出~感謝大家的支持。 我們都知道券勺,大學(xué)幾乎是沒有 Web 前端課的绪钥。以我所在的...
    hylerrix閱讀 4,880評論 8 60
  • 接著上篇的《 利用Node.js搭建前端自動化平臺 》我們開始搭建自己的前端工作流吧!要啟動一個項目关炼,最先要做什么...
    Max_Law閱讀 3,129評論 0 7
  • 有點猶豫程腹,因為有些東西快沒了,我抓不住她儒拂,不想她走跪楞,草!
    開車撞你閱讀 256評論 0 0
  • 文/琉璃 炙熱的九月,陽光還熱衷于烤灼大地的每一寸皮膚褥影,而我就在這個時候池户,拖著笨重的行李箱,來到了“你”的城市——...
    琉璃7閱讀 464評論 3 3