[Phonegap+Sencha Touch] 移動開發一、準備工做

下面以Phonegap+Sencha Touch開發安卓爲例：

首先須要一臺windows電腦、一個webkit內核的瀏覽器，推薦Google Chrome

1、Java環境和Android SDK

一、安裝JDK和JRE

JRE會在JDK安裝完成後自動出現安裝界面。

安裝完成後，設置環境變量

JAVA_HOME    D:\Program Files\Java\jdk1.7.0_45(不一樣版本的JDK路徑可能不同)

CLASSPATH    .;%JAVA_HOME%\lib(注意開頭的.)

PATH        %JAVA_HOME%\bin

二、安裝Android SDK

下載好的Android SDK是個壓縮包，名字相似adt-bundle-windows-x86-20131030.zip，壓縮包裏面包含eclipse、sdk和SDK Manager.exe，將其解壓，好比解壓到D:\Program Files\Android SDK

打開SDK Manager.exe，選擇安卓版本(通常選擇2.3和大於等於4.0的版本)進行安裝，安裝過程比較慢，大概一個多小時。

Android SDK下載失敗的解決辦法看《安裝Android SDK失敗了的看過來（東軟開源鏡像介紹） 》

最後把 D:\Program Files\Android SDK\sdk\tools 和 D:\Program Files\Android SDK\sdk\platform-tools 添加到系統PATH環境變量中

三、將ant的路徑添加到PATH環境變量

D:\Program Files\Android SDK\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin

2、Sencha Touch

一、下載 Sencha Touch, 並解壓，如解壓到D:\Code\Web\touch-2.4.0

二、下載 Sencha Cmd 並安裝（請下載sencha cmd 4.x版本，5.x版本不少人有問題，我也沒用過）

Sencha Cmd是開發Sencha應用程序(sencha touch或者ExtJs)的一個命令行工具，提供了建立、編譯(壓縮)、部署等功能。

更多請查看: http://docs.sencha.com/extjs/4.2.0/#!/guide/command

三、安裝 RubyInstaller 1.9.3，安裝時選擇"Add Ruby executables to your PATH"，即添加到PATH環境變量

Sencha Cmd 4.x須要Ruby，必須安裝小於2.0的版本

四、安裝compass (前提是安裝了第三步的Ruby，compass用於編譯sass樣式)

打開cmd，執行gem install compass

注意：

一、若是安裝不上，請查看

《使用gem安裝compass失敗了的看過來（淘寶提供的gem國內鏡像介紹）》

二、 若是編譯sass的時候，出現"File to import not found or unreadable: blueprint/typography"這個錯誤，請查看

《gem安裝的compass，不能編譯scss，怎麼辦？》

3、PhoneGap

一、先安裝NodeJS

PhoneGap的安裝須要用到NodeJS裏面的npm模塊管理工具

二、安裝PhoneGap

打開cmd，運行：npm install -g phonegap

若是要卸載，執行：npm uninstall -g phonegap
若是要更新，執行：npm update -g phonegap
若是要安裝特定版本，執行：npm install -g phonegap@版本號    好比 npm install -g phonegap@3.3.0-0.19.6

注意：若是安裝不上，請查閱《使用npm安裝phonegap失敗了的看過來（npm國內鏡像介紹）》

三、安裝GitHub工具

在用sencha touch開發webapp的時候，可能須要用到手機的原生API，如攝像頭、陀螺儀等，phonegap提供了調用原生API的支持，可是須要手動爲項目添加對應功能的phonegap插件，這些插件須要用GitHub下載

安裝以後，將Git\bin的目錄添加到PATH環境變量，好比D:\Program Files\Git\bin

4、調試

一、對於安卓4.4如下版本的系統，或者其餘系統（ios，wp8等 ）的調試

在 PC 端，咱們可使用 Chrome 開發人員工具方便的調試網站或者 Web 應用。可是，當咱們想在移動設備上調試站點或者應用的時候，這些工具就派不上用場了。所以，移動開發人員都但願能有 Mobile 版本的 Chrome 開發人員工具。

Weinre 就是這樣一款工具，能夠幫助咱們調試移動網站及 PhoneGap 應用。

安裝weinre

打開cmd，執行：npm -g install weinre

若是要卸載，執行：npm uninstall -g phonegap

二、對於安卓4.4或者以上版本的系統

請查看《移動開發17 使用桌面版chrome調試安卓設備上的chrome和webview》

轉自：http://blog.csdn.net/lovelyelfpop/article/details/20392249