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

其实官网上的文档都很清楚了,不过整理一下总比较好





第一步,软件准备




注: 以下软件的安装本着这样两条原则

一是不要安装在中文目录下

二是不要安装在带空格的目录下,例如program files目录



1、Sencha Touch 2.2.1 

   解压缩出来即可

   例如,我解压缩以后改了一下目录名E:\project\sencha\sencha-touch-2.2.1



2、Sencha Architect 2.2.2

   安装完成之后,第一次运行需要连接到官网,并且需要登录,所以要注册一个帐号

   软件可以无限期试用,参看另一个文章http://blog.chinaunix.net/uid-20078486-id-3866938.html

   例如,我安装的目录是D:\Dev\Sencha\SenchaArchitect



3、Sencha Cmd http://www.sencha.com/products/sencha-cmd/download
3.1.2


   例如,我安装的目录是D:\Dev\Sencha\bin



4、Ruby 1.9.3.n http://rubyinstaller.org/downloads/ Ruby
1.9.3-p448

   官网明确说了,只能安装1.9.3版本,所以新的2.0版还不能装,安装的时候把3个选项都选上

   例如,我安装的目录是D:\Dev\Ruby193





5、Android SDK Tools https://developer.android.com/sdk/index.html

   把sencha touch的项目打包成android的apk需要用到该开发包,如果只是浏览器里测试一下,则不需要

   页面的“DOWNLOAD FOR OTHER PLATFORMS”,下载安装后,在联网状态下运行,需要下载各个版本的开发包,当然,只要下载几个主要版本的即可

   

6、httpd

   偶使用apache的http服务器,官网http://httpd.apache.org/,但我貌似没看到最新版的windows发布包

   于是到这里http://www.apachelounge.com/download/ 下载最新版的windows包

   不过要仔细阅读,选择适合自己系统的,并注意下载对应的vc运行库

   偶下载的是VC11版x64位,并下载了对应的vc11运行库,解压缩到D:\Dev\Apache24

   然后修改conf\httpd.conf文件,把4个地方的c:/Apache24修改成D:/Dev/Apache24,当然如果你刚好解压在C:\Apache24,那就可以省略这一步

   打开cmd命令行窗口,切换目录到D:\Dev\Apache24\bin,运行httpd -k install 安装服务,以后就可以用ApacheMonitor管理服务了

   把服务启动起来,浏览器里面输入http://localhost,页面显示"It Works!",那就成了





   当然http服务器用微软的iis也是可以的,不过需要增加一个MIME TYPE:application/x-json

   控制面板-管理工具-Internet 信息服务-网站-默认网站-右键属性-HTTP 头-MINE映射-文件类型-新类型(扩展名 .json 内容类型 application/x-json)





7、Chrome or Safari.

   浏览器测试就靠他们了,貌似据说firefox也是可以的,抽空看看





8、差点忘记官网第一个要装的软件,就是java,这个就不赘述了,官网说最好用1.7,当然用1.6也是可以的









第二步,开始简单开发




1、运行Sencha Architect



2、如果按照之前的教程获得了无限期试用,在第一个窗口中点击继续试用即可



3、接下来问要打开项目还是新建项目,果断选择新建project "Sencha Touch 2.2.x","GO"



4、保存项目,“Save”,选择一个路径,“project name"取名test,会在路径下新建一个test文件夹和一个项目文件



5、发布目录配置:点击“settings”-"Project"-"Publish path",

  用之前apache服务器的根文档路径加上项目名称D:/Dev/Apache24/htdocs/test



6、点击Package,"install plug-ins",之前的Sencha Cmd安装无误的话,这里会自动找到,右边出现一个绿色的对勾installed√



7、接上一步,"Setup project with Cmd",

    Browse找到之前解压缩的"Sencha Touch 2.2.1"所在目录,E:/project/sencha/sencha-touch-2.2.1

    点击“Setup project with Cmd”按钮,自动把一些用到的文件复制到项目目录下



8、“Package setting”是打包的配置,先不管,close



9、点击工具栏“Publish”,把项目发布到apache服务器上



10、打开chrome浏览器,http://localhost/test



打完收工

使用Sencha Architect开发Sencha Touch应用的整理的更多相关文章

  1. sencha architect开发sencha touch应用注意事项

    以下说明文字针对sencha architect v2.2.2 一.无限期试用 1. 下载地址: http://www.sencha.com/products/architect/download/ ...

  2. SenchaTouch介绍和Sencha Architect介绍以及安装

    一.SenchaTouch介绍 Sencha Touch框架是世界上第一个基于HTML 5的Mobile App框架. 在Sencha Touch这个名词中,包括了两个组成部分,其中Sencha的前身 ...

  3. sencha architect/sencha touch , to prevent breakpoint lost when you debug

    add this to your loader config: Ext.Loader.setConfig({ disableCaching: false }); or : click 'applica ...

  4. Sencha Architect 安装与使用

    http://www.sencha.com/products/touch/ Sencha SDK Tools Advanced JavaScript and CSS Project Build Too ...

  5. Sencha Architect 激活方法

     Sencha Architect 2是ExtJS和Sencha Touch的官方可视化IDE工具.最新版本是2.2,说是破解,其实是修改License来实现无限试用而已. 1.先下载安装官方软件,大 ...

  6. 简单破解 Sencha Architect 2.2 (ExtJs Designer)

    Sencha Architect 2是ExtJS和Sencha Touch的官方可视化IDE工具.最新版本是2.2,说是破解,其实是修改License来实现无限试用而已. 1.先下载安装官方软件,大约 ...

  7. how to run demo city bars using sencha architect

    1. create a project using city bars template in sencha architect 2. save your project name as CityBa ...

  8. 如何在版本控制工具中管理Sencha Architect的項目

    根據數次痛苦的經歷結合stack overflow上的解答,發現原來還是可以使用svn.git之類的版本控制工具管理Sencha Architect生成的項目的. 具體的要點如下,假定項目記作{PRO ...

  9. Sencha Architect打开闪退问题修复

    删除以下位置的cache文件夹 C:\Users\Administrator\AppData\Local\Sencha\Sencha Architect 3.2\Cache bug解决参考 https ...

随机推荐

  1. 关于IE 对 $.get 缓存的记录

    最近在IE9中碰到一个问题是, 当我对某个角色进行修改的时候,再点击查询还是修改之前的内容,但是实际数据库已经修改成功,纠结了好一会儿之后,才发现是 $.get请求的问题. 因为  IE对get请求, ...

  2. postgresql版sde(10.4.1)安装说明

    从ArcGIS 10.3开始,彻底没有了sde的安装包,安装sde数据库需要先安装arcgis desktop,通过arccatalog建数据库,同时也不能建sde服务,只能使用直连 以下演示在sde ...

  3. Cognos添加维度

    1.打开后台cognos中的报表,创建查询主题 填写该维度的名称 以时间维度为例 从左边添加该维度的单位,修改名称(在Cognos前台显示),如果有逻辑在源里面修改下函数 以此类推.

  4. html文本溢出显示省略字符的两种常用方法

    方法一:使用CSS溢出省略的方式解决 解决效果如下: css代码: display: -webkit-box; display: -moz-box; white-space: pre-wrap; wo ...

  5. liunx 修改IP地址

    1.安装centos系统,这里就不详细说明了. 2.进入到 vi /etc/sysconfig/network-scripts/ifcfg-eth0      后面的名称有些可能不同 其中,有些可能没 ...

  6. flask_SQLAlchemy 中常用的过滤和执行器

    常用的SQLAlchemy查询过滤器 过滤器 说明 filter() 把过滤器添加到原查询上,返回一个新查询 filter_by() 把等值过滤器添加到原查询上,返回一个新查询 limit 使用指定的 ...

  7. OPENCV3 命名空间等变化

    CV_VERSION 表示的opencv的版本号 命名空间变化:  可以通过增加 #include <cv.h> 解决 1 直接去掉CV_ 前缀 1) nameWindow 函数    C ...

  8. ROI(Region of Interesting)

    ROI(region of interest),感兴趣区域.机器视觉.图像处理中,从被处理的图像以方框.圆.椭圆.不规则多边形等方式勾勒出需要处理的区域,称为感兴趣区域,ROI.在Halcon.Ope ...

  9. 【转】密码学 :CSP的概念

    转:[密码学]CSP的概念 CSP加密服务提供者(Cryptographic Service Provider)具有一下几个特点: CSP是真正执行密码运算的独立模块 物理上一个CSP由两部分组成:一 ...

  10. Native.js示例汇总

    Native.js虽然强大和开放,但很多web开发者因为不熟悉原生API而难以独立完成.这篇帖子的目的就是汇总各种写好的NJS代码,方便web开发者.众人拾柴火焰高,有能力的开发者多多提交NJS代码, ...