1. 程式人生 > >Yeoman官網新手教程:第三章 用生成器為你的專案搭建腳手架

Yeoman官網新手教程:第三章 用生成器為你的專案搭建腳手架

我們已經用‘腳手架’這個詞很多次了,可是你可能還是不知道這個詞的含義。在Yeoman中,‘腳手架’是個多義詞,他為我們有特殊的配置需求的web app創造基礎檔案。在這一章中,我們會看到Yeoman是怎麼為我們的Angularjs應用配置各種選項,像選擇性的使用第三發的庫,像SASS, Bootstrap,只需要很少量的時間。

建立一個專案資料夾

建立一個資料夾,我們所有的工作都將在這個資料夾中進行。
mkdir mytodo && cd mytodo
我們會在這個資料夾中生成我們的專案生成腳手架也就說基礎檔案。 做為一個附件的福利,Angular生成器會自動的用資料夾的名字去為你的app命名,如果說當前情況的話,你的app名稱會叫做mytodoApp,所以在進入下一步之前,請確認你沒有拼寫上的錯誤。

通過使用Yeoman選單做為我們生成器的入口

通過yo命令去檢視你所有的生成器。
yo
如果你下載了很多的生成器,你可以隨心所欲的從之中選擇一個。高亮的表示處於選中狀態,敲回車使用生成器。
如果你已經足夠熟悉yeoman了,你也可以直接使用命令來生成腳手架,比如:
yo angular

配置你的生成器

很多生成器會有很多的選項供我們選擇去自定義我們的app,像很多常用的類庫,可以讓我們加速開發環境的搭建! 比如說AngularJS生成器,他會詢問我們是否使用Sass,或者包含Bootstrap。敲入y(要)n(不要)來確認這些選項!
下一步,選擇一些常用的類庫(會包含在我們的腳手架中):

使用空格選擇,確認之後敲回車。然後就開始生成了!