準備工作:先安裝 nodejs , 然後再通過nodejs的npm安裝cordova以及ionic
當然這些在官方文檔上面也是有的,只是爲了作學習筆記。
1. 安裝cordova 以及ionic
我是分開安裝的
$ npm install -g cordova //安裝cordova
$ npm install -g ionic //安裝ionic
$ npm install -g cordova ionic
2.新建項目
$ ionic start myApp blank //新建空白模板
$ ionic start myApp tabs //新建tabs模板
$ ionic start myApp sidemenu //新疆sidemenu側邊菜單模板
這是三種新建項目的方式,一般選擇第二種,tabs模板方式
3.運行
新疆項目文件之後,打開項目文件夾
$ cd myApp
$ionic serve
這時會自動打開默認瀏覽器運行該項目,並且會實時監控項目文件
注:要關閉代理哦。
4.打包apk
$ cd myApp
$ ionic platform add android //添加平臺,ios/android
$ ionic resurces //創建平臺的icon或啓動頁面 $ ionic build android //編譯生成apk $ ionic emulate
android//
可以直接啓動虛擬機,並啓動應用程序 (不建議,因爲虛擬機很卡)
adb devices //和電腦連接的設備
找到apk的文件位置,直接安裝到手機上,當然你也可以將這個apk文件拷貝到手機上,在手機上運行apk文件進行安裝。
D:\project\xuanGu\platforms\android\build\outputs\apk>adb install -r android-debug.apk//強制安裝apk文件