[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