? ? ? ?之前使用AngularJs的時候，一直用Yeoman構建項目，感覺還不錯。接下里的項目定位使用輕量型的框架，所以最近開始學習vuejs，這里插一句題外話，與facebook這幫人寫的react教程相比，@尤雨溪 寫的vuejs教程實在是太好了，中英教程，通俗易懂，贊一個！
言歸正傳，簡單介紹下Yeoman
? ? ? ?首先，Yeamon就是一個工具， 幫助你快速的開展一個項目工程，提供最佳實踐和工具，來讓你保持高效率編碼，in short，它幫你完成代碼編寫之前的一些配置工作。其次，Yeoman包含三個工具， yo --- 腳手架，自動生成工具；Grunt、gulp --- 構建工具 （最初只有grunt，后面gulp火了添加進來的）；Bower、npm --- 包管理工具 （原來是 bower，后面添加了npm）。相當于Yeoman是boss，上面這三個是打工的，雖然三個打工者都是獨立的，但是在boss的指揮下卻能發揮很大的最用。
準備工作：
? ? ? ? ? ? ? ? 環境：自己組裝的臺式機 windows 10 (沒用過mac，555...) ?
? ? ? ? ? ? ? ? 軟件：nodejs ? cmder? ? webstorm ??
? ? ? ? ? ? ? ? Yeoman官網：http://yeoman.io/? ? ??
? ? ? ? ? ? ? ??Yeoman中文網： http://www.yowebapp.com/ (英文不好的童鞋可以參考中文的，不過還是以官網為主)
安裝：
npm install -g yo ?// 這是全局安裝，路徑默認就可以
安裝完成之后我們就可以使用 "yo" 命令了，我的實際項目在D盤，所以先建去D盤建個文件夾，如圖。
在此路徑下運行"yo"命令。(webapp/Fountain Vue/Fountain webapp/Angular 是我之前使用的時候安裝的，如果是初次使用，不會有這幾項)
這里會有幾項提示，初次使用我們選擇 "Install a generator(安裝一個生成器)"，按Enter選擇后輸入vue，我們可能會得到很多選擇，然后選擇一個自己想要的等待安裝完成就可以了（請注意，是可能！正常情況下應該出現很多generator供大家選擇，但是小編的電腦就是不出現，反而報錯）。不過沒關系，我們可以手動安裝，命令如下：
npm install -g generator-fountain-vue? // 這里的fountain-vue 是我選擇的generator
關于generator，大家可以根據自己的需要自由選擇，也可以自己去創建一個，具體方法請參照官網教程。
官方生成器：http://yeoman.io/generators/
其實，我們可以把新建項目文件夾的位置放到這里，因為之前安裝的yo和generator都是全局的，我們看路徑就明白了。
我們在新建的文件夾mytodo下，再次運行"yo"命令，選擇剛才安裝的generator包"Fountain-vue"，run 一下
接下來會依次出現css預處理器和集成工具的一些配置選項，這里不再贅述。之后就是等待安裝了，時間會比較長，請大家耐心等待。如果安裝過程卡住或者報錯，請大家檢查安裝信息的配置時候正確或者重新安裝。安裝成功后的界面，大體上是這樣的：
最后，輸入啟動命令
npm run serve ? // 不同的包可能啟動命令不同 npm run start || npm start 等
瀏覽器地址欄輸入： http://localhost:3000/
接下來，我們就可以用編輯器打開我們的工程，開始碼代碼了，怎么樣，還是挺快的吧！
當然，vue也有自己的構建工具vue-cli，我們在接下來的會繼續更新，歡迎大家轉閱！
剛才使用 vue-cli 構建了個項目，前后五步就完成了，所以就不單獨更新了，具體細節請參照：
