1. 程式人生 > >使用ionic+cordova建立APP專案

使用ionic+cordova建立APP專案

一.建立專案

 1.開啟命令提示符視窗,在視窗中切換到你想要建立專案的路徑下。

建立專案命令:ionic start  helloworld blank   (helloworld是你的專案名)


在建立時會起下載一些所用到的資源,如果在當前進度卡住的話,請耐心等待幾秒。

之後,會出現一些提示。


成功之後,會在你的建立路徑下發現多了一個helloworld的資料夾。



2.在命令提示符視窗,將目錄切換到自己的ionic專案資料夾下,配置platform



3.配置成功後

建立平臺支援


新增外掛(在android studio1.0中可以略去)


編譯程式碼

 cordova build android

執行程式碼

(1)在模擬器上
> cordova emulate android
(2)在瀏覽器上
> cordova serve android
瀏覽器訪問地址:http://localhost:8000/,就可以和除錯頁面一樣除錯app的佈局了。如果app中使用了cordova的Native API呼叫,會彈出以下對話方塊: 
 
這是因為瀏覽器無法提供@JavascriptInterface的介面,Cordova檢視通過prompt()和Native互動,這樣做是因為Android2.3 simulatorBug。所以除錯頁面佈局,無視即可。 

想了解更多內容,可以參考這篇部落格

http://blog.csdn.net/fuyunww/article/details/42216125