Sencha Touch+Cordova/Phonegap开发环境搭建

2025-10-27 00:13:25

1、下载jdk(百度搜索"JDK"结果第一条),并进行安装。

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

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

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

PATH        %JAVA_HOME%\bin(追加到PATH)

Sencha Touch+Cordova/Phonegap开发环境搭建

1、打开Android Studio官网(百度搜索"Android Studio"),下载安装android-studio-bundle。

安装完后,Android SDK也一起安装上了,SDK路径为Android Studio安装路径下的SDK文件夹(为方便描述,以下简称为{Android SDK目录})。

Sencha Touch+Cordova/Phonegap开发环境搭建

Sencha Touch+Cordova/Phonegap开发环境搭建

2、设置Android SDK环境变量 

把 {Android SDK目录}\tools 和{Android SDK目录}\platform-tools 两个绝对路径添加到系统"PATH"环境变量中

添加一个名为"ANDROID_HOME"的环境变量,设为 {Android SDK目录}\ 的绝对路径

Sencha Touch+Cordova/Phonegap开发环境搭建

1、百度搜索"Sencha Touch 2.4.2",下载Sencha touch的SDK Framework

下载完后解压,如解压到D:\Code\Web\touch-2.4.2

Sencha Touch+Cordova/Phonegap开发环境搭建

Sencha Touch+Cordova/Phonegap开发环境搭建

2、下载 Sencha Cmd 并安装

Sencha Cmd是开发Sencha应用程序(sencha touch或者ExtJs)的一个命令行工具,提供了创建、编译(压缩)、部署等功能。

百度搜索"Sencha Cmd 5.1.3.61",下载sencha cmd并安装。

3、安装 RubyInstaller 1.9.3

百度搜索"RubyInstaller",下载并安装Ruby 1.9.3-p551,必须安装小于2.0的版本

安装时选择"Add Ruby executables to your PATH",即添加到PATH环境变量

Sencha Touch+Cordova/Phonegap开发环境搭建

4、安装compass 

(前提是安装了上一步的Ruby,compass用于编译sencha 的主题样式)

打开cmd,执行gem install compass

注意:

1) 如果安装不上,请查看

《使用ruby安装gem包失败了的解决办法》

2) 如果编译sass的时候,出现"File to import not found or unreadable: blueprint/typography"这个错误,请查看

《解决compass不能编译Sencha Touch主题样式》

Sencha Touch+Cordova/Phonegap开发环境搭建

1、先安装NodeJS

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

打开NodeJs官网(百度搜素"NodeJs"结果第一条),下载nodejs并安装

Sencha Touch+Cordova/Phonegap开发环境搭建

2、命令行安装PhoneGap/Cordova

两者几乎是一个东西。这个只能用命令行安装,没有安装包。以Cordova为例(如果安装Cordova,请把下面的cmd命令中"cordova"换成"phonegap")。

打开cmd,运行:npm uninstall -g cordova

第一次安装需要比较长的时间。如果安装不上,请查阅

《NodeJs安装npm包失败的解决办法》

以下为补充内容:

如果要更新,执行:npm update -g cordova  

如果要卸载:执行:npm uninstall -g cordova  

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢