Ioinc項目環境搭建(安卓)

Ioinc項目環境搭建(安卓)

1、下載eclipse和JDK、解壓eclipse、並安裝JDK、生成如下目錄、我是安裝在C盤路徑


2、配置jdk環境變量

系統變量→新建 JAVA_HOME 變量 。

變量值填寫jdk的安裝目錄(本人是C:\Program Files\Java\jdk1.8.0_25)

系統變量→尋找 Path 變量→編輯

在變量值最後輸入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

(注意原來Path的變量值末尾有沒有;號,如果沒有,先輸入;號再輸入上面的代碼)

系統變量→新建 CLASSPATH 變量

變量值填寫  .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar(注意最前面有一點)

系統變量配置完畢

檢驗是否配置成功運行cmd 輸入 javac 若如圖所示則說明安裝和配置成功。


3下載eclipse 安卓開發插件SDK、並配置好虛擬機ADV(詳細教程請點擊以下鏈接查看http://blog.csdn.net/u013440660/article/details/42290467)

 

4、該步驟是配置ADV虛擬機的路徑、默認是C盤

系統變量--à新建變量

變量名  ANDROID_SDK_HOME

變量值  D:\ProgramFiles\eclipse\Android\android-avd

5、配置ANDROID_HOME變量

變量名ANDROID_HOME

變量值D:\Program Files\eclipse\Android\android-sdk(對應SDK路徑)

6、修改系統變量中PATH變量值在後面添加(注意用英文分號分割)

%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

7、下載nodeJS、並安裝、在CMD輸入npm  -version顯示如圖、則說明安裝成功


8、打開Node.js command prompt命令管理

 

9、安裝cordova、輸入命令npm install -g cordova檢測安裝是否成功可輸入cordova –version命令出現如圖所示、則說明安裝成功


10、安裝ionic 輸入命令npm install -g ionic  檢測安裝是否成功可輸入ionic –version命令出現如圖所示、則說明安裝成功


11、下載ant打包軟件、並配置環境變量、到官方主頁http://ant.apache.org下載新版、並配置環境變量

系統變量--à新建變量--à

變量名  ANT_HOME

變量值  D:\ProgramFiles\apache-ant-1.9.4

在PATH環境中添加變量值、爲ant解壓後的bin的路徑(前面用英文分號分割、對應ant下bin路徑)

D:\ProgramFiles\apache-ant-1.9.4\bin;

驗證ant安裝是否成功、輸入如下命令:ant如果出現如下內容,說明安裝成功:


12、進入你要創建項目的路徑:輸入如下命令創建myApp項目

  ionic start myApp

創建成功後可在myApp 目錄下出現5個文件夾   打包好的工程放在platforms裏面


文件夾詳解:

www   :  開發的 HTML5 ; CSS ; JS 文件都拷貝到這下面

plugins :  存放的是插件、以後文件,攝像頭等插件都下載到這裏

merges: 我也沒用過  以後知道了再補上

platforms: 存放的是編譯好後的android文件 ,(如果這個文件夾爲空,需要你在命令行編譯一次才能生成.、別急、接着往下看

.cordova: 存放的是配置文件

13、進入myApp文件夾、輸入如下命令添加安卓平臺

Ionicplatform add android

  添加安裝平臺、注意安裝cordova的時候、project.properties

配置文件裏面的target值、默認爲19、如果你安裝安卓SDK插件的時候沒有安裝該版本、可用記事本打開project.properties配置文件、手動修改該值


Android.batlist targets    查看android安裝的API插件版本

 

14、使用該命令  Ionic build android  將項目打包成apk文件

 

15、輸入命令Ionic run android在安卓虛擬機上運行該項目


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