about 3 years ago

2014/12/04 校對程式版本及增加說明

1.安裝 JDK 8
2.設定 Ant 1.9.4
3.安裝 adt-eclipse
4.安裝 Nodejs 0.10.26-x64
5.安裝 Cordova 4.1.2
6.新建APP專案
7.匯入eclipse

安裝 JDK 8

設定 Ant 1.9.4

Apache Ant官網 下載目前最新版為1.9.4
解壓縮後放置D:\IDE\Ant\apache-ant-1.9.4,之後要設定到環境變數

安裝 adt-eclipse

Android 開發者平台 下載adt-bundle-windows-x86_64-20140702.zip,此版本含eclipse,省一些SDK配置步驟。
解壓縮到D:\IDE

安裝 Nodejs 0.10.33-x64

nodejs 官網 下載node-v0.10.33-x64.msi,點兩下執行自動安裝就可以了

安裝 Cordova 4.1.2

先開啟Ms-Dos,執行以下指令驗證nodejs是否正確安裝

node -v

有正確安裝呼叫的到的話接著安裝cordova,不能呼叫到的話就再重裝一次並重開msdos,
或是設定set Path=%Path%;C:\Program Files\nodejs

使用套件管理員安裝

npm install -g cordova

新建APP專案

先設定環境變數

set JAVA_HOME=C:\Program Files\Java\jdk1.8.0_05
set ANT_HOME=D:\IDE\Ant\apache-ant-1.9.3
set ANDROID_HOME=D:\IDE\adt-bundle-windows-x86_64-20140702\sdk
set Path=%Path%;%JAVA_HOME%\bin;%ANT_HOME%\bin;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

檢查環境變數是否生效

java -version
ant -version
adb version
emulator -version
cordova -version

建立新專案

cordova create hello com.example.hello HelloWorld

增加Android平台

cd hello
cordova platform add android

這邊需要android-sdk19的版本不然會錯


可依照此圖下載

設定模擬器

匯入eclipse

開啟eclipse前需要先設定好編碼,可以在eclipse下面增加檔案編碼,這樣在執行的時候就不會有亂碼

eclipse.ini
-Dfile.encoding=UTF-8

開啟現有專案

匯入選項


新版是將cordova當成是一個專案套件匯入,然後記得不要複製到工作目錄,會發生找不到cordova 套件

匯入完成

執行專案

這樣基本的開發環境已經配置好了

但是基本上並不靠eclipse編譯,修改程式後需要回到命令列執行

#編譯
cordova build
#執行模擬器
cordova emulate android

參考資料來源
http://blog.csdn.net/aaawqqq/article/details/19755179
http://blog.sina.com.cn/s/blog_3fd1b1210101jzh9.html
http://blog.arungupta.me/2014/02/cordova-ios-android-tech-tip/

Building Native iPhone Applications using HTML, CSS and JavaScript

← 使用CXF將WSDL轉成JAVABEAN 使用Intel加速器來加速Android模擬器 →
 
comments powered by Disqus