建立ionic Project 有二種方式,第一種可以使用 empty的方式,第二個是使用目前官方提供的二種 sample Project 來建立。
建立一個 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
試著修改Dashboard
打開 template/tab-dash.html,簡單的在 ion-content 中間輸入一些文字,並且儲存
剛剛的Browser應該 liveReload 了你修改的內容
大功告成,你己經完成了建立ionic Project 並且修改 page,至於 route 、controller 及 view 的規則會在之後深入的說明。