`

Sencha touch学习笔记一:用Sencha Cmd方式创建第一个应用

 
阅读更多

前提:我的电脑配置是win7 64位,在我写这篇日志的时候,sencha touch的版本是touch-2.2.1

 

1:在这个页面填写邮箱地址进行下载touch压缩包:http://www.sencha.com/products/touch/download/

2:在电脑上需要安装jdk1.6以上版本,

3:在电脑上需要安装http服务器,我本身安装了一个Apache 服务器

 

上面的这些都准备好以后,就可以开始sencha touch的学习了!

 

一、第一个应用建立过程

 

1:在Apache安装目录htdocs,新建touch目录,然后将解压好的touch-2.2.1拷贝到该目录下,目录情况如下图:

 



 

 

 

 

 

 

 2:好的,现在用浏览器访问,输入地址:http://127.0.0.1/touch/touch-2.2.1/SETUP.html ,这时候看到了touch的说明文档

 

 

 

 

3:如果下载了,touch sdktools,下载地址:http://www.sencha.com/products/sdk-tools/download

     安装好以后,在windows的cmd中执行以下命令:



 

 

表明sdktools安装成功,但是如果用sdktools的命令进行建立应用的时候,执行一下命令:

 

 

 

 

现在开始报错了,说明我的电脑并不适合sdktools,所以现在先把sdktools卸载掉!

 

4:现在开始安装,touch  cmd,下载地址:http://www.sencha.com/products/sencha-cmd/download

     安装成功以后,执行以上同样的命令:

    

 

 

    表明touch cmd已经安装成功!接下来执行以下命令:

 

 

  最后在浏览器中,访问:http://127.0.0.1/touch/GS/,

 

 

 

这样表明第一个应用就正式建立成功了!

 

 

注意:

 

sencha命令执行时必须是在G:\apache\htdocs\touch\touch-2.2.1 这个目录下,要不然会报以下错误:



 

 

 

 

二、浏览代码:

 

GS目录结构如下:

 

 

  • 大小: 24.5 KB
  • 大小: 23.9 KB
  • 大小: 12.6 KB
  • 大小: 10.4 KB
  • 大小: 45.2 KB
  • 大小: 21 KB
  • 大小: 3.2 KB
  • 大小: 82.8 KB
  • 大小: 9.1 KB
  • 大小: 3.5 KB
  • 大小: 8.6 KB
  • GS.zip (6.3 MB)
  • 下载次数: 1
0
0
分享到:
评论

相关推荐

    Sencha touch学习笔记二:自定义目录方式的创建第一个应用

    在本文中,我们将深入探讨如何使用Sencha Touch框架自定义目录结构来创建你的第一个应用程序。Sencha Touch是一款强大的JavaScript框架,专为构建移动Web应用程序而设计。它提供了丰富的UI组件和数据管理工具,使得...

    sencha touch2学习笔记(一)---环境搭建和开发工具配置

    然后,创建一个新的项目目录,通过命令行进入该目录,并运行`sencha -sdk <path_to_sencha_touch_sdk> generate app <app_name> .`命令来初始化一个新的Sencha Touch应用。这里的`<path_to_sencha_touch_sdk>`是你...

    一个完整的sencha touch 应用案例

    这个压缩包文件包含了创建一个完整的Sencha Touch 应用所需的基本元素,让我们逐一解析这些文件及其背后的含义。 1. **index.html**:这是应用程序的主入口文件,通常包含HTML结构以及Sencha Touch库和其他资源的...

    SenchaCmd6.6安装程序

    - **初始化项目**:使用`sencha generate app`命令可以创建一个新的Sencha Ext JS或Sencha Touch应用。例如,`sencha generate app MyApp C:\MyApps\MyApp`会在指定的目录下创建一个名为MyApp的新项目。 - **构建...

    Sencha 和 Sencha Touch 简介

    Sencha Touch 是第一个专门设计为移动设备开发 ...Sencha Animator 是一个创建基于 WebKit 浏览器和触屏移动设备运行的 CSS3 动画的工具,用户可以通过它创建出令人惊叹的动画,效果一点也不逊色于 Adobe 的动画工具。

    Sencha Touch开发的项目《般若人生》源码

    通过分析这些文件,我们可以学习到如何组织一个Sencha Touch项目,如何利用其组件和数据管理机制,以及如何优化应用的性能和用户体验。对于想要深入理解Sencha Touch框架或者提高移动Web开发技能的开发者来说,...

    Sencha Touch2环境搭建

    2. **创建新项目** - 使用Sencha CMD创建一个新的Sencha Touch 2项目。在命令行中导航到Sencha CMD安装目录下的bin文件夹,然后运行: ``` sencha generate app AppName /path/to/your/project/folder ``` 将...

    sencha touch 登陆界面

    Sencha Touch 是一款专为移动设备设计的...通过以上步骤,你可以创建一个完整的Sencha Touch登录界面。对于初学者来说,理解这一过程有助于更好地掌握Sencha Touch的架构和组件使用,从而进一步提升开发能力。

    sencha touch项目源码

    这个项目源码是基于Sencha Touch开发的一个实例,通过研究这个项目,我们可以深入理解Sencha Touch的工作原理和实际应用。 在开始分析源码之前,先了解一些Sencha Touch的基础知识: 1. **组件系统**:Sencha ...

    Sencha Touch in Action

    Sencha Touch是这些产品中专注于移动Web开发的一个,非常适合于希望使用Web技术来开发移动应用的开发者使用。 书中的一部分内容介绍了出版信息,例如出版社为Manning Publications Co.,这本书的ISBN是***。出版...

    sencha touch应用程序

    这个示例通常引导开发者了解如何初始化一个新的Sencha Touch项目,设置基本的架构,创建第一个视图组件,并将其添加到应用的主屏幕。通过跟随“firstApp”的步骤,初学者可以快速掌握Sencha Touch的基本概念和工作...

    touch-docs-2.2.1.zip(senchaTouch 离线API参考文档)

    总的来说,Sencha Touch 2.2.1离线API文档是开发者的宝贵资源,通过深入学习和查阅,开发者可以熟练掌握这一框架,从而构建高性能、用户体验优秀的移动应用。而将其部署至Tomcat服务器,更是提供了一种便捷的本地...

    sencha touch中文翻译文档

    Sencha Touch是一款强大的JavaScript框架,专门...对于初学者来说,这是一个非常宝贵的资源,能够帮助他们快速上手并熟练掌握Sencha Touch 2的使用。对于有经验的开发者,中文版文档则能降低语言障碍,提高开发效率。

    senchaTouch和fusioncharts结合的实例

    Sencha Touch 和 FusionCharts 的结合使用,是一种在移动设备上创建交互式图表和图形的高效方式。Sencha Touch 是一个流行的JavaScript框架,专门用于构建触摸优化的移动Web应用程序,而FusionCharts则是一款强大的...

    sencha touch在VScode上的插件

    Sencha Touch 是一款用于构建移动应用的前端框架,它提供了丰富的组件库和强大的数据管理功能,使得开发者可以创建交互性强、性能优异的触屏应用程序。VSCode(Visual Studio Code)是微软开发的一款广受欢迎的源...

    Hands-on Sencha Touch中文翻译第六章.pdf

    在阅读了《Hands-on Sencha Touch中文翻译第六章.pdf》文档的内容之后,可以提炼出以下知识点,主要涉及Sencha Touch框架以及使用Sencha Cmd命令行工具进行Sencha Touch应用的创建和管理。 ### Sencha Cmd命令行...

    sencha touch list demo

    总结,"sencha touch list demo"展示了如何使用Sencha Touch的List组件和Store来构建一个动态的数据展示界面。通过理解和实践这个示例,开发者可以更好地掌握Sencha Touch中数据驱动UI的设计原则,以及如何创建交互...

    sencha touch 2.4.0最新版

    Sencha Touch 2.4.0 是一个专为移动设备设计的前端JavaScript框架,它使得开发者能够构建功能丰富的、响应式的Web应用程序,这些应用在智能手机、平板电脑等移动设备上表现得如同原生应用一样流畅。这个框架由Sencha...

Global site tag (gtag.js) - Google Analytics