Ionic – Preview Application on Browser – 怎樣預覽Ionic Framework 的程式

終於開始了嘗試使用Ionic Framework 來開發 Hybrid 程式

開發方法是使用HTML5 JavascriptCSS
所以我估計可以直接開啟 Ionic Project 資料夾上的 html檔案便可以看到程式的介面大概是怎樣的

誰不知 開啟 index.html後他只出現空白的畫面

那麼我們可以怎樣預覽我們用HTML/JS 寫出來的程式 Layout
做了一會research 之後發現
原來原本的Ionic Framework是有教的..
http://ionicframework.com/docs/guide/testing.html

解決方法:
我們只需要使用NodeJsconsole到想預覽的Ionic Application的主目錄上
輸入

ionic serve

ionic serve command to preview your Ionic Framework application

之後便可以在瀏覽器上預覽你的hybrid程式了

在輸入完指令後他便會輸出網址到console
你可以在瀏覽器上輸入那個網址來預覽[如果你的browser不會自動開啟的話]
Ionic Application - Tabs Sample App

Happy coding

Leave a Reply