1. 程式人生 > >ionic3安裝到建立專案到打包apk到真機測試

ionic3安裝到建立專案到打包apk到真機測試

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

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

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

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

詳細Nodejs步驟:

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

第二步:開啟命令列,輸入node -v。如果顯示版本號,說明你已經安裝node.js成功了

!!

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

第三步:安裝ionic

npm install -g cordova ionic  (-g表示全域性) 

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

在安裝之前要確認網路聯接良好,如果卡的不行老是安裝失敗的話,用淘寶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)

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

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

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

=================執行第一個專案====================

ionic serve (進入自己的專案檔案下執行ionic專案)

此時你的專案已經開始跑起來

============建立平臺,在模擬器上顯示=====================

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(打包專案)

新增平臺之後你可以發現你的目錄多了一個資料夾,是platform

ionic cordova build android

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

==================第二種方法藉助AndroidStudio================

匯入自己platform檔案下的android專案

執行在模擬器上

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

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

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

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

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

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