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下面增加檔案編碼,這樣在執行的時候就不會有亂碼
-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