sencha touch安装使用

Sencha被翻译成煎茶Sencha下有很多优秀的项目比如Complete ExtjsTouchAnimatorGXT Architect等其它相关产品。

Sencha Touch 2 作为一种高性能的 HTML5 移动应用程序框架,是 Sencha HTML5 平台的基础。

这里将简要介绍如何使用 Sencha Cmd创建Touch项目。

安装各种浏览器,有IEfirefoxchrome就差不多了。

下载Sencha cmd sencha touch 。到官网上下载就可以,打开网页非常慢,我给出我自己的下载地址吧:

下载安装java1.6以上最好。

Sencha 官网:http://www.sencha.com

Sencha cmd : http://www.sencha.com/products/sencha-cmd/

sencha touch http://www.sencha.com/products/touch/

 

下载 ruby:http://rubyinstaller.org/downloads/

生成工程包编译的时候要用到,安装的时候全部选择或者选择第二项就可以了。

 

安装Ruby

安装后,编辑扩展主题样式需要compass,运行安装好的ruby下的命令行工具,输入下边的命令慢慢等待远程安装完成。

gem install compass



安装sencha cmd ,直接点击安装就可以,安装后在系统path里面写入了路径,所以直接

Sencha help 就有显示,如果没有,可以进行安装目录里面,运行。



接着就是解压Sencha Touch 2.4到任一目录下。 在该目录下按住“shift”键,右键选择打开命令窗口(win8系统下)。

你的APP应用想放在哪个目录下先新建一个空白的目录。接着就是运行下面的命令来创建app

 

sencha  generate  app  APP名称 APP存放路径

 

比如我的就是这样输入:

sencha generate app test1 E:\sencha_touch_app

 

另一种方式:sencha -sdk sdk所在目录路径 generate app 名称  app要放的地方路径

 

 

 

 

生成的目录结构:

 

 

 

不需要web容器来启动应用。

接着敲如下命令:

sencha web start -map test1=app路径,abc=app2路径...

 

这样就可以通过http://localhost:1841/test1 或者http://localhost:1841/abc访问了,直接 sencha web start默认的是Sencha Cmd安装目录。

 

可以使用CTRL+c停止虚拟机服务或者重新打开一个命令行,输入 sencha web stop即可

手机上浏览体验更佳。

 

因在官网上下载这些软件比较耗时,所以我打包放到网盘供大家下载吧!

地址:http://pan.baidu.com/s/1c0w8QFe

压缩包里面包含的内容:


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值