Cordova for Android(Windows)環境配置


PS:注意事項

一些坑在此聲明:

1、安裝Eclipse后,記得設置各項編碼格式為utf-8

請移步:http://www.blogjava.net/xiaomage234/archive/2014/05/13/413626.html(我也是網上查閱的~~)

2、下載Android SDK時需要翻牆

請移步:http://laod.cn/hosts/2016-google-hosts.html(按照里面的方法添加映射)

3、以下所有下載的文件,建議存放目錄不要用中文、目錄不要用中文、目錄不要用中文

一、JDK下載及安裝

下載地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html

如圖:

image

注意:勾選Accept License Agreement、選擇是32位還是64位操作系統

下載完成后,直接安裝(下一步、下一步、下一步….)

二、JDK環境變量配置

1、配置環境變量:

右擊“我的電腦”》“屬性”》“高級系統設置”》“高級”》“環境變量”
(1)在系統變量里新建“JAVA_HOME”變量,變量值為“C:\Program Files\Java\jdk1.7.0_79”(根據自己安裝路徑填寫)
(2)新建CLASSPATH變量,變量值為“.;%JAVA_HOME%\lib;% JAVA_HOME %\lib\tools.jar”
(3)在path變量(已存在不用新建)添加變量值"%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin"(變量值之間用";"號隔開)

2、檢查是否配置成功

“開始”》“運行”》 輸入javac》“Enter”,如下:表示成功

image

輸入“java”》“Enter”,如下:表示成功

image

三、Eclipse+ADT plugin+Android SDK配置搭建

ADT是什么:

ADT是英文 Android Development Tools 的簡稱,即Android開發工具包。
ADT是Eclipse中構建Android應用程序IDE插件,ADT擴展了Eclipse的功能,讓您快速建立新的Android項目、創建應用程序的用戶界面。
ADT可以幫助Eclipse找到Android sdk,再加上Android框架的API組件調試使用Android SDK工具,以便APK分發給應用程序。

1、安裝ADT

下載地址:http://pan.baidu.com/s/1bpFRwOv 密碼:wfpw

里面包含了Eclipse、ANT

2、安裝Android開發框架

解壓上面下載的壓縮包,進入eclipse目錄,運行eclipse.exe

(1) 更新Android包:

image

image

以上SDK請選擇性安裝,全部安裝的話20多個G喲,具體該怎么選擇,請看下圖(摘自zhihu一位猿友)

SDK下載(稍微有點長…可以右鍵另存喲)

(2)最后更改環境變量Path,追加
E:\Work\adt-bundle-windows-x86_64-20140702\sdk\platform-tools;
E:\Work\adt-bundle-windows-x86_64-20140702\sdk\tools;
E:\Work\adt-bundle-windows-x86_64-20140702\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin

(3)驗證ant安裝是否配置成功:“開始”》“運行”輸入“ant -version”如下:

image

(4)配置AVD

image

點擊Create

image

創建完成后,點擊“Start”,運行成功如下:

image

四、安裝Cordova

1、安裝NodeJS

下載地址:https://nodejs.org/en/download

2、安裝Cordova

(1)“開始”》“運行”》輸入“npm install -g cordova”,等待n分鍾

image

(2)驗證安裝是否成功“開始”》“運行”輸入 “cordova -versoin”,看見版本號則表示安裝成功

image

 

五、新建一個測試項目

1、在D盤(根據自己情況選擇)新建目錄helloapp(最好不要使用中文和空格)

2、"開始"》“運行”輸入"D:"》“cd D:helloapp”》

輸入:

cordova create helloapp  com.example.helloapp helloapp
cordova create參數:工程文件夾名 工程命名空間 工程名

輸入:

“cd helloapp”》“cordova platform add android”》"cordova build"

cordova platform add android:添加Android項目

cordova build android:編譯Android項目

看圖:

image

詳見:http://cordova.apache.org 首頁有說明

3、打開Eclipse File》New》Project》Android》Android Project from Existing Code

image

image

image

成功后如下:

image

六、Eclipse相關插件安裝

在Eclipse中,有些插件還是必須要安裝使用的,主要是為了提高工作效率

1、Eclipse HTML Editor 2.2.0 安裝程序下載(編輯html文件)

下載地址:https://osdn.jp/projects/amateras/downloads/57710/tk.eclipse.plugin.htmleditor_2.2.0.jar

下載完成后拷貝到:E:\Work\adt-bundle-windows-x86_64-20140702\eclipse\plugins(按照自己的目錄結構拷貝)

2、org.sf.easyexplore_1.0.4.jar安裝(打開文件所在目錄)

下載地址:http://ncu.dl.sourceforge.net/project/easystruts/Easy%20Explorer%20for%20Eclipse/easy-explore-1.0.4/org.sf.easyexplore_1.0.4.jar

下載完成后拷貝到:E:\Work\adt-bundle-windows-x86_64-20140702\eclipse\plugins(按照自己的目錄結構拷貝)

目前我就習慣用這兩個插件,更多的插件自己可以去下載

七、簽名打包apk

1、右鍵項目》“Export”》“選擇Android”

imageimage

2、點擊“Create new keystore”創建新的keystore》“next”

image

3、輸入詳細的keystore信息

image

4、點擊Next,選擇apk保存目錄

image

自此,apk打包完成

 

以上就是在windows環境下,搭建Cordova Android開發環境流程

寫了大半下午,算是把寫完了,主要是結合之前整理的文檔,和同步在操作,有點耽擱時間

mac環境下以及系列博客,請移步:http://www.cnblogs.com/doscanner/p/5630593.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM