使用ionic+cordova建立APP專案
阿新 • • 發佈:2019-01-11
一.建立專案
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 simulator的Bug。所以除錯頁面佈局,無視即可。
想了解更多內容,可以參考這篇部落格
http://blog.csdn.net/fuyunww/article/details/42216125