（SenchaTouch+PhoneGap）开发笔记（2）开发环境搭建二

一、Java环境和Android SDK

 1、安装JDK和JRE

JRE会在JDK安装完成后自动出现安装界面。

安装完成后，设置环境变量

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

CLASSPATH    .;%JAVA_HOME%\lib(注意开头的.)

PATH        %JAVA_HOME%\bin

 

2、安装Android SDK

下载好的Android SDK是个压缩包，名字类似adt-bundle-windows-x86-20140702.zip，压缩包里面包含eclipse、sdk和SDK Manager.exe，将其解压，比如解压到D:\Program Files\Android SDK

打开SDK Manager.exe，选择安卓版本，用连接提供的SDK默认安装了 API 20，这里我选择API 19安装

最后把 D:\Program Files\Android SDK\sdk\tools 和 D:\Program Files\Android SDK\sdk\platform-tools 添加到系统PATH环境变量中

 

3、将ant的路径添加到PATH环境变量

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

 

二、PhoneGap

 

1、先安装NodeJS

PhoneGap的安装需要用到NodeJS里面的npm模块管理工具

 

2、安装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

 

3、安装GitHub工具

在用sencha touch开发webapp的时候，可能需要用到手机的原生API，如摄像头、陀螺仪等，phonegap提供了调用原生API的支持，但是需要手动为项目添加对应功能的phonegap插件，这些插件需要用GitHub下载

 

 

三、调试

 

1、对于安卓4.4以下版本的系统，或者其他系统（ios，wp8等）的调试

在 PC 端，我们可以使用 Chrome 开发人员工具方便的调试网站或者 Web 应用。但是，当我们想在移动设备上调试站点或者应用的时候，这些工具就派不上用场了。因此，移动开发人员都希望能有 Mobile 版本的 Chrome 开发人员工具。

Weinre 就是这样一款工具，可以帮助我们调试移动网站及 PhoneGap 应用。

 

安装weinre

打开cmd，执行：npm -g install weinre

如果要卸载，执行：npm uninstall -g phonegap