在不久的将来我相信Web App会流行的非常广, 能看到未来才能主宰未来。对于我们开发人员来说我觉得想成就一件伟大的事情,需要过硬的技术和好的想法,再加上决不放弃的精神,一定可以成功的。
以下在Mac下测试成功
安装Web Server
我用的是Apache Tomcat 6.0, 测试是否可以正常试用. 打开你的Terminal.
启动你的Web Server命令如下:
sudo sh startup.sh
当你看到如下图的时候,说明已经启动成功了.
关闭服务的命令是:
sudo sh shutdown.sh
如果遇到文件权限问题,而无法执行命令时。
你需要执行一条:
sudo chmod 755bin/*.sh -à 把文件设置成可读可写
接下来在你的浏览器中输入localhost:8080
到这里我们的WebServer就算安装成功了.
安装我们的SenchaCmd
它是一个可装的工具,直接双击就可以安装。安装完成后在你的用户目录下会出现一个bin目录.
然后再一次的打开我们的Terminal.
设置我们的环境变量. 如图
当你能看到上图的时候, 你的SenchaCmd已经成功安装了.这里有一个问题,就是当你关闭Terminal,再打开的时间.要重新设置PATH. 因为我们设置的变量没有存到系统中。
我知道可以存到/etc/profile文件中, 该文件必须有root权限才可以添加. 建议使用vi编辑. 我没有把PATH写到/etc/profile文件中, 而是写到了~/bash_profile文件中。
所以我在每次使用Sencha命令时:需要在Terminal中执行一条source~/bash_profile来加载环境变量。
安装SenchaTouch 2 SDK
把我们的SenchaTouch SDK解压后,拷贝到webapps下。如图
然后在浏览器中输入:
localhost:8080/touch-2.2.1/SETUP.html
基本工作已经完成,现在可以创建我们的第一个WebApp.
打开我们的Terminal,cd 到webapps/touch-2.2.1目录下。
执行命令
sencha generate apphello_world ../hello_world如图所示
如果你能看到上面的信息说明你的第一个Web App已经创建成功了。
下面是我们刚才创建的目录:
接下来运行我们的WebApp. 这里需要重启一下我们的ApachaTomcat:
如果你能看到下面的图,说明你已经成功了.
继续完成我们的HelloWorld
在此建议大家把我在Chatter中发的WindowResizer装到你的浏览器中,方便调试窗口的大小。
推荐一个开发js很不错的工具WebStorm
用这个工具打开刚才创建的WebApp
在hell_world目录下创建一个文件叫hello_world.html
我们的第一个Helloworld终于出来了。
我们的第二个比较好看的hello Sencha页面.
代码如下:
到这儿基本上已经完成了Web App的开发。
有两个东西需要提醒一下:
1) 在启动Apache Tomcat出现权限问题时。需要执行一条: sudo chmod 755 *.sh, 对所有的sh加根.
2) 建议大家的用Chrome的浏览器, 然后在Chrome上装一个Window Resizer 的插件,可以调整Chrome的大小.
有什么问题可以问我, 邮箱是: samba.gao@hotmail.com
分享到:
相关推荐
MAC OS 下sencha touch +cordova 开发环境配置。可以将H5 hybird 应用打包成IOS 应用。
Sencha Touch 2入门教程之MVC 讲解如何使用 Sencha Touch 2 mvc模式来开发一个登录界面
本文通过对 Sencha Touch 框架的介绍,使读者对该框架有一定的了解,并通过一些代码示例给用户更详细直观的对 Sencha Touch 框架功能的了解。 ExtJS ExtJS 是为 web 开发人员提供的基于 JavaScript 和 web 标准快速...
Sencha Touch开发的项目《般若人生》源码
sencha touch 2 实现的贪吃蛇 希望对大家有所帮助
Sencha Touch实战项目之OA系统开发课程,Sencha Touch实战OA系统开发
sencha touch2移动开发框架,ajax获取数据
sencha touch 应用案例 sencha touch 案例 一个完整的sencha touch 应用案例 移动WEB社区开发的日志案例 非常不错!
sencha touch 折叠list
sencha touch cookbook 英文高清文字版 !
Sencha Touch 2 简介知识,环境搭建,组件介绍和布局事例
sencha touch 移动跨平台开发
Sencha Touch是专门用于移动...使用Sencha Touch,开发者可以构建在iPhone、Android和BlackBerry touch等设备上运行的移动web应用,其效果看起来如同本地应用。目前Sencha Touch已经成为构建移动HTML5应用的领先框架。
sencha touch 是一个移动平台UI开发框架,可以实现各种绚丽的页面效果
SenchaTouch 开发指南 SenchaTouch 开发指南附有案例
sencha touch list demo
sencha touch中文翻译文档,包含sencha touch入门基础和一些控件的使用说明
sencha touch 2.4.0最新版 原版包下载