sencha touch 学习笔记- 安装与环境(2013网页装在兜里)

简介: sencha touch 是Extjs 的手机版,Extjs是创建富客户端的AJAX应用中的重量级框架,sencha touch当然就是面向触摸设备的重量级js框架, 在做基于桌面的网页时经常用的js库是jquery,Extjs很少用,几乎没用过,1是因为Extjs“重”,加载时间长;2是因为Extjs自称体系学起来难度大,插件没jquery多。

sencha touch 是Extjs 的手机版,Extjs是创建富客户端的AJAX应用中的重量级框架,sencha touch当然就是面向触摸设备的重量级js框架,

在做基于桌面的网页时经常用的js库是jquery,Extjs很少用,几乎没用过,1是因为Extjs“重”,加载时间长;2是因为Extjs自称体系学起来难度大,插件没jquery多。

       在phonegap出现后,sencha touch这个重量级框架,值得学习了一下,稳定性比jquery等强多了,(ps:phonegap将所有静态资源文件打包为安装包,安装的智能手机上)

下载

官网地址:http://www.sencha.com/products/touch/

官当最新doc:http://docs.sencha.com/touch/

首先下载 sencha touch 的sdk (一个js压缩包),现在最新的版本为2.2

    下载地址:http://www.sencha.com/products/touch/download/

然后下载 sencha touch cmd,一个工具,主要用来创建项目、生成测试包、部署包等

   下载地址:http://www.sencha.com/products/sencha-cmd/download/

用 sencha touch cmd 生成测试包或部署包时调用的命令需要ruby,主要用来做js和css压缩

  下载地址:http://rubyinstaller.org/  (ps:需要下载1.93的版本,不要下载2.0的版本)

安装

安装之后 测试cmd 是否安装成功

运行-》cmd ;输入sencha,看到下面的就说明cmd安装好了

image

然后把目录切换到 sencha sdk 的目录

例如我的 目录是 E:\extjs\st

image

这样就切换好目录了

然后创建一个项目,看看sdk和cmd匹配不匹配

输入  命令

sencha generate app GS ../GS
 
如果没有问题 就说明 创建项目成功了

创建和生成项目(ps:测试项目也很重要)

然后用iis创建一个虚拟目录,并添加.json mime,就可以直接访问了,
通常作为测试和安装都需要打包
首先打包,打一个测试包,测试包
将目录切换到 项目目录 例如 我创建的目录是E:\extjs\GS2,
1 打包 文件目录包(在phonegap里面是按照本地文件浏览的)
命令:sencha app build package,如果没有问题打包就成功,通常出的问题都是ruby版本安装不对,
打包后在这个目录下E:\extjs\GS2\build\GS2\package 可以浏览,是直接浏览,打开文件即可
 
再打包一个测试包 为了平时测试号调试
命令:sencha app build testing
浏览目录E:\extjs\GS2\build\GS2\testing
看 js 没有压缩, url也没加时间戳,可以方便调试设断点等
 
 
 
 
 
 
test
相关文章
|
4月前
|
IDE 数据可视化 Linux
Linux | 人生苦短,我用Vim【最受欢迎的编辑器】-1
Linux | 人生苦短,我用Vim【最受欢迎的编辑器】
44 0
|
4月前
|
Linux 程序员 开发工具
Linux | 人生苦短,我用Vim【最受欢迎的编辑器】-2
Linux | 人生苦短,我用Vim【最受欢迎的编辑器】
57 0
|
编解码 算法 Linux
Linux系统中如何使用tslib库实现触摸功能
大家好,今天主要和大家聊一聊,如何使用tslib库来完成对应的功能。
758 1
Linux系统中如何使用tslib库实现触摸功能
关于 qml从ubuntu开发迁移到目标机(定制ubuntu)上stackview无法显示(显示白屏) 的解决方法
关于 qml从ubuntu开发迁移到目标机(定制ubuntu)上stackview无法显示(显示白屏) 的解决方法
关于 qml从ubuntu开发迁移到目标机(定制ubuntu)上stackview无法显示(显示白屏) 的解决方法
|
Ubuntu IDE Linux
Linux部署教程,把vscode放在网页上运行,随时随地编写代码
Linux部署教程,把vscode放在网页上运行,随时随地编写代码
Linux部署教程,把vscode放在网页上运行,随时随地编写代码
|
Web App开发
Chrome的插件扩展程序安装目录是什么?在哪个文件夹?
正常情况下,Chrome插件扩展程序的默认安装目录如下: 1.windows xp中chrome插件默认安装目录位置: C:\Documents and Settings\用户名\Local Settings\Application Data\Google\Chrome\User Data\Default\Extensions 2.
39235 2
|
Shell API C#
(C#)Windows Shell 外壳编程系列1 - 基础,浏览一个文件夹
(本系列文章由柠檬的(lc_mtt)原创,转载请注明出处,谢谢~)Windows Shell 编程,即 Windows 外壳编程。我们所看到的资源管理器以及整个桌面,都是一个 Shell。关于 Windows 外壳的基本概念,我这里不做详细介绍,不了解的朋友,可以看看 姜伟华 的 Windows外壳名字空间的浏览。
955 0
|
应用服务中间件 Android开发 前端开发