ionic新建項目


準備工作:先安裝 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文件



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章