官网: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. [转]Android专家级别的面试总结

    Android专家级别的面试总结 2017年02月15日 16:56:28 阅读数:1225 1.. 自定义View流程 onMeasure, onLayout, onDraw, 采用深度优先,因为必 ...

  2. leetcode315 Count of Smaller Numbers After Self

    思路: bit + 离散化. 实现: #include <bits/stdc++.h> using namespace std; class Solution { public: int ...

  3. 日常博客----rem,em的恩怨相杀

    基本知识: 使用 em 和 rem 单位可以让我们的设计更加灵活,能够控制元素整体放大缩小,而不是固定大小. 我们可以使用这种灵活性,使我们在开发期间,能更加快速灵活的调整,允许浏览器用户调整浏览器大 ...

  4. Android如何用阿里云的API进行身份证识别

    准备工作:在libs下添加 alicloud-Android-apigateway-sdk-1.0.1.jar,commons-codec-1.10-1.jar 在build.gradle添加  co ...

  5. Can't locate ExtUtils/MakeMaker.pm in @INC

    Can't locate ExtUtils/MakeMaker.pm in @INC 解决办法:yum install perl-devel

  6. .net4.5注册到iis

    开始->所有程序->附件->鼠标右键点击“命令提示符”->以管理员身份运行->%windir%\Microsoft.NET\Framework\v4.0.30319\as ...

  7. monkeyrunner 简单用例编写

    monkeyrunnerfrom com.android.monkeyrunner import MonkeyRunner,MonkeyDevice,MonkeyImagedevice = Monke ...

  8. 聊聊JavaScript和Scala的表达式 Expression

    我们先看下面这段简单的JavaScript代码. 我在第10行调用了函数f,其中传入的第二个和第三个参数都是一个逗号表达式. 函数f的实现,会检查这两个参数的类型,如果是函数,则执行函数调用,再打印其 ...

  9. bitcoin 源码解析 - 交易 Transaction

    bitcoin 源码解析 - 交易 Transaction(三) - Script 之前的章节已经比较粗略的解释了在Transaction体系当中的整体运作原理.接下来的章节会对这个体系进行分解,比较 ...

  10. JavaSE-28 hashCode()方法、equals()方法和==相关概念

    概述 Java中,Object类是所有类的基类:如果一个类没有明确继承其他已定义的类,则默认继承Object类. Object类提供了以下方法,对于其他方法,请参考前期专题描述. hashCode() ...