天天看點

ionic3安裝到建立項目到打包apk到真機測試

前提是你已經安裝java環境了哈~~(網上一大堆資源)

第一步:裝Node.js---(http://nodejs.cn/download/)

根據個人電腦下載下傳win64等,然後安裝:

ionic3安裝到建立項目到打包apk到真機測試

打開之後,除了設定自己安裝目錄之外,其他都點選下一步,下一步,一直到完成。

詳細Nodejs步驟:

(http://note.youdao.com/noteshare?id=c1abd19bbe12e12522d61f5867751a9a&sub=0C8B4FA7214F4D1383446EDD1952374E)

第二步:打開指令行,輸入node -v。如果顯示版本号,說明你已經安裝node.js成功了!!

ionic3安裝到建立項目到打包apk到真機測試

================Ionic的安裝==================

第三步:安裝ionic

npm install -g cordova ionic  (-g表示全局) 

ionic3安裝到建立項目到打包apk到真機測試

ionic -v (安裝完成後運作ionic -v可以看到版本,也說明ionic是否安裝成功)

ionic3安裝到建立項目到打包apk到真機測試

在安裝之前要确認網絡聯接良好,如果卡的不行老是安裝失敗的話,用淘寶cnpm,詳細步驟如下:

先安裝淘寶:npm install -g cnpm --registry=https://registry.npm.taobao.org 

然後通過cnpm安裝ionic:cnpm install -g cordova ionic(安裝 cordova ionic)

之後ionic -v檢視版本号等後續操作一樣。。

======================建立自己的第一個Ionic項目=========================

ionic start myApp tabs (建立項目,此時的路徑是你項目檔案夾的路徑,ionic start 項目名字 tabs)

ionic3安裝到建立項目到打包apk到真機測試

安裝中會出現安裝完整的cordova或者SDK都可以選擇N。。。。

安裝完之後目錄是這個樣子的

ionic3安裝到建立項目到打包apk到真機測試

如果檔案沒有node_modules的檔案夾,或者安裝是錯誤,可以把檔案删除,在該目錄下輸入npm install

=================運作第一個項目====================

ionic serve (進入自己的項目檔案下運作ionic項目)

ionic3安裝到建立項目到打包apk到真機測試

此時你的項目已經開始跑起來

ionic3安裝到建立項目到打包apk到真機測試

============建立平台,在模拟器上顯示=====================

1.ionic platform ls   //檢視有哪些平台

2.ionic platform add android/ios   //添加安卓/ios平台

3.ionic platform remove android/ios   //移除安卓/ios平台

4.ionic resources  //建立平台的icon.png圖示以及啟動頁面

5.ionic build android/ios   //編譯 生成.apk

ionic cordova plugin list  //目前裝的插件

以安卓例子:

ionic cordova platform add android(添加安卓平台)

ionic cordova build android(打包項目)

ionic3安裝到建立項目到打包apk到真機測試

添加平台之後你可以發現你的目錄多了一個檔案夾,是platform

ionic3安裝到建立項目到打包apk到真機測試

ionic cordova build android

ionic3安裝到建立項目到打包apk到真機測試

結果會發現在下面目錄結構有個debugg.apk。可以在自己手機安裝運作

ionic3安裝到建立項目到打包apk到真機測試

==================第二種方法借助Android Studio================

導入自己platform檔案下的android項目

ionic3安裝到建立項目到打包apk到真機測試

運作在模拟器上

ionic3安裝到建立項目到打包apk到真機測試
ionic3安裝到建立項目到打包apk到真機測試

選擇好自己的模拟器之後點選OK,等待一會,發現自己的模拟器已經跑起來

ionic3安裝到建立項目到打包apk到真機測試

=========Android Studio打包==========================

網上很多打包很詳細,給一個很簡單的連結,看着一步步走下去,就完成了。

連結中的打包是簽名的包,不是debug包,想打debug的話也很快的。一般我們需要簽名的~

https://blog.csdn.net/woaichimahua/article/details/54427528

然後可以拿出自己的真機測試,效果杠杠的。