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
之後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
然後可以拿出自己的真機測試,效果槓槓的。