zoukankan      html  css  js  c++  java
  • sencha touch 学习笔记 安装与环境(2013网页装在兜里)

    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 可以浏览,是直接浏览,打开文件即可
    image 
    再打包一个测试包 为了平时测试号调试
    命令:sencha app build testing
    浏览目录E:\extjs\GS2\build\GS2\testing
    看 js 没有压缩, url也没加时间戳,可以方便调试设断点等
    image 
     
     
     
     
     
  • 相关阅读:
    struts2 ajax传值
    s:iterator遍历
    JavaScript闭包
    组合继承与寄生组合式继承
    JSP EL表达式详细介绍
    js判断字符串是否包含中文或英文
    jQuery 中 jQuery(function(){})与(function(){})(jQuery) 的区别
    HTML5--新增结构元素(2)
    HTML5--新增全局属性(1)
    nodejs的安装配置(nvm-windows)
  • 原文地址:https://www.cnblogs.com/qqloving/p/3043606.html
Copyright © 2011-2022 走看看