yo 搭建angular應用

yeoman 搭建angular應用

安裝：

node 5.0版本
yeoman
bower
gulp

npm install -g bower yo generator-angular //等待安裝……

---

yo angular //進入你所建立的文件目錄中執行命令

安裝gulp 和 bootstrap

如需使用Sass 安裝Ruby 可查看generator-angular

和所須要的angular模塊，用空格選中，回車等待安裝……

---

安裝完成後執行gulp serve

將會打開localhost:9000網址；
你會發現頁面中沒有任何樣式的，F12打開會報一大堆的錯誤，這裏打開app/index.html文件夾中沒有任何第三方js文件。

這裏你須要打開.bowerrc文件，改爲 "directory": "app/bower_components"
在執行bower install這樣app目錄下就有bower安裝的第三方庫了。

這樣還不夠，以前打開index文件你會發現yo並無幫你自動生成好第三方庫的地址。(若是用的是grunt會自動幫你生成好地址)，這裏只能手動加了。

這樣在運行gulp serve就能夠了。

yo已經幫你吧gulp都配置好了。這樣就能夠開發angular應用了。

generator-angular能夠幫你建立view，service，controller……無需手動建立js，html等文件了。

此文章僅供參考，若有不對的地方求指正，新手請輕拍。