2014年10月3日 星期五

建立第一個 Project


建立Project ionic 提供二種方式,第一個建立一個 empty的框架,第二個是使用目前官方提供的二種 Project 來建立。

第一種blank方式

建立一個 ionic 空的Project 命名為 test2


第二種方式

建立了一個 tabs的sample Project 命名成 tabProject

ionic serve
使用ionic serve 做 live reload 的開發

啟動後會自動帶啟瀏灠器,http://xxx.xxx.xxx.xxx:8100/#/tab/dash
預設開啟8100 port


預設的 sample Project js 包括  app.js 、controller.js 及 service.js

  1. app.js 負責 routes
  2. controller.js 定義所有 angular 的controller
  3. service.js 如果有開發相關的 angular service 就放在這邊



試著修改Dashboard
打開 template/tab-dash.html,簡單的在 ion-content 中間輸入一些文字,並且儲存


剛剛的Browser應該 liveReload 了你修改的內容

大功告成,你己經完成了建立ionic Project 並且修改 page,至於 route 、controller 及 view 的規則會在之後深入的說明。

沒有留言:

張貼留言