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在安卓虛擬機上運行該項目