在MAC中搭建Apache Cordova (PhoneGap) + Sencha Touch2的开发环境——2安装Sencha Touch2.3

本文转载：林忠信的博客

原文网址：http://davylin.blog.163.com/blog/static/8138791201402023348250/

Sencha Touch是专门为移动设备开发应用的Javascript框架。通过Sencha Touch你可以创建非常像native app的web app，用户界面组件和数据管理全部基于HTML5和CSS3的web标准，全面兼容Android和Apple iOS。

MAC中安装Sencha Touch 2.3版需要下载以下的一些相关文件。这里先说明我的MAC OS X的版是:10.8.5。

1.安装Ruby 2

Sencha Touch2.3需要使用作Ruby 2.0.0（或2.0.0以上）的版本，MAC OS X10.8.5中只自带了Ruby 1.8.7版本。

Ruby需要通过rvm这个命令来进行安装，这是一个管理Ruby版的软件。

1.1安装rvm命令行软件

在MAC终端使用普通用户权限分别输入以下三个命令。

bash -s stable < <(curl -s https://raw.github.com/wayneeseguin/rvm/master/binscripts/rvm-installer)
echo '[[ -s "$HOME/.rvm/scripts/rvm" ]] && . "$HOME/.rvm/scripts/rvm" # Load RVM function' >> ~/.bash_profile

source ~/.bash_profile

安装成功后输入rvm -v 命令会显示其版本信息，我当前安装的rvm版是1.25.15

1.2安装Ruby 2.1.0软件

安装Ruby需要用到apt-get这个命令用于快速安装软件，可是MAC OS X没有apt-ge这个命令，但有MacPorts这个命令，它对应的命令文件是port，放在/opt/local/bin目录，它的功能与apt-get相同。只是缺省情况下环境变量中是没有指明它所在的路径的，所以这里要指名明它的位置，以便rvm在安装rvm软件时能也。

export PATH=/opt/local/bin:$PATH

安装Ruby 2.1.0的命令如下：
到目前为止（2014.1.26），Ruby最新的版型本是：2.1.0

rvm install 2.1.0

安装完后会显示rvm的版本信息ruby-2.0.0-p353 ，当会使用安装的版本为当前缺省版本。

查看系统使用ruby的当前缺省版本

rvm list

1.2安装Sencha Touch2 SDK软件

Sencha Touch SDK目前最高的版是：2.3.1a

下载Sencha Touch2SDK，直接解压便可。

下载Sencha Touch 2的网址：http://www.sencha.com/products/touch/download/

在Sencha Touch的网站中提供了两个版下载：一个是免费的商业版（Free Commercial Version），一个是尊从GPLv3协议的GPL版(GPL version)。下载商业版时需要输入一个邮件地址，点击下载按钮时网站会把下载链接发到邮箱中。GPL版则不需要提供邮件地址，可直接下载。



如果下载的是GPL版，下载下来的文件是sencha-touch-2.3.1a-gpl.zip

安装Sencha Touch SDK的方法如下：

cd ~ 回到在户用根目录下

mkdir sencha-touch 创建一个目录

将sencha-touch-2.3.1a-gpl.zip解压到sencha-touch中即可。解压后的目录应该是：

sencha-touch/touch-2.3.1

1.3安装Sencha Cmd 软件

要想创建和打包 Sencha Touch2 的Web应用还需要下载Sencha Cmd包

Sencha Cmd目前最高的版是：4.0.2.67

下载Sencha Cmd 的网址：http://www.sencha.com/products/sencha-cmd/download/sencha-cmd-4.0.2/mac



Sencha Cmd是一个可安装的软件包，下载后解压、运行便可安装。

安装时会提示选择安装目录。可以选择先前安装Sencha Touch SDK时创建的sencha-touch目录。安装后的目录是：

sencha-touch/Sencha

安装完成后，安装程序会自动修改用户根目下的.bash_profile文件，指明命令所在的位置，其会在该文件中加入以下两行设置：

export PATH=/Users/linzhongxin/sencha-touch/Sencha/Cmd/4.0.2.67:$PATH

export SENCHA_CMD_3_0_0="/Users/linzhongxin/sencha-touch/Sencha/Cmd/4.0.2.67"

提示：如果你想修改Sencha Cmd的路径，则需要相应修改bash_profile文件中上面这两行设置的路径。

修改后要用source ~/.bash_profile命令使修改生效。

1.4安装Apache Tomcat Web服务器软件

由于Sencha Touch在开发过程中创建的是Web应用(Web App)，为了开发方便，我们需要安装一个Web服务器软件。我这里使用的是Tomcat。

Tomcat目前最高的稳定版本是：7.0.50

下载Tomcat的网址：http://mirror.bit.edu.cn/apache/tomcat/tomcat-7/v7.0.50/bin/apache-tomcat-7.0.50.tar.gz



下载后的文件是名：apache-tomcat-7.0.50.tar.gz

文件包解压后便可使用，可文件包解压到用户的根目录下，为了输入方便可将目录名为Tomcat。

启动Tomcat的命令是：Tomcat/bin/startup.sh

关闭Tomcat的命令是：Tomcat/bin/shutdown.sh

启动Tomcat启动后，在浏览器的地址栏输入服务器的主页地址，便可显示Tomcat的主页。输入内容如下：

localhost:8080

显示Tomcat的主页如下：



到此，在MAC中搭建Apache Cordova (PhoneGap) + Sencha Touch2的开发环境便安装完成。

总结：

在MAC中搭建Apache Cordova (PhoneGap) + Sencha Touch2的开发环境主要分为以下几部分：

1.安装Apache Cordova (PhoneGap)

2.安装Sencha Touch2

2.1安装Sencha Touch2 SDK

2.2安装Sencha Cmd

3.安装Web服务器软件

3.1安装Tomcat

( 完 )

-------------------------------------------------------------------------------------------------------------------------------------------

相关链接：

在MAC中搭建Apache Cordova + Sencha Touch2的开发环境——1安装Apache Cordova 3.3

评论这张