yo 搭建angular应用
生活随笔
收集整理的這篇文章主要介紹了
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等文件了。
此文章僅供參考,如有不對的地方求指正,新手請輕拍。總結
以上是生活随笔為你收集整理的yo 搭建angular应用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: CentOS命令行界面与图形界面切换(图
- 下一篇: nginx(一)安装与命令总结