Sencha Touch 2 在MAC下详细的开发流程
来源:互联网 发布:xp专业版激活软件 编辑:程序博客网 时间:2024/04/30 03:10
在不久的将来我相信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的大小.
- Sencha Touch 2 在MAC下详细的开发流程
- sencha touch在eclipse下的配置
- [Phonegap+Sencha Touch] 移动开发25 关于sencha touch在华为、红米、HTC等部分手机下hide事件失效,msgbox无法关闭的解决方案
- [Phonegap+Sencha Touch] 移动开发25 关于sencha touch在华为、红米、HTC等部分手机下hide事件失效,msgbox无法关闭的解决方案
- sencha touch结合phonegap开发android下的文件浏览器
- Sencha Touch开发入门2
- 如何在Win7下运行Sencha Touch 2 examples
- 如何在Win7下运行Sencha Touch 2 examples?
- [Phonegap+Sencha Touch][转] 移动开发32 使sencha touch的store在离线状态下也能显示数据
- 在MAC中搭建Apache Cordova (PhoneGap) + Sencha Touch2的开发环境——2安装Sencha Touch2.3
- 使用Sencha Architect开发Sencha Touch应用的整理
- 在Sencha Touch 2中使用表单
- Sencha+touch+开发指南
- sencha touch 开发顺序
- Sencha Touch 开发入门
- sencha touch在ios下使用Menu时内部html的onclick不生效的问题
- Sencha Touch运作在IIS7下所需要做的必要配置!
- [Phonegap+Sencha Touch] 移动开发26 Android下的sencha touch程序,转屏时,Ext.Viewport不能触发orientationchange事件的解决办法
- 基本算法——第六单元 回溯
- 计算机网络5--网络核心之数据交换基础及电路交换
- 命令模式
- Android_Studio快捷键和使用技巧
- 关于python对于aspx网页的post提交
- Sencha Touch 2 在MAC下详细的开发流程
- 屏幕适配
- springboot配置文件加载不到的问题
- 数学之路(机器学习实践指南)-文本挖掘与NLP(6)
- 享元模式
- jQuery表单选择器
- 第14、15课Java数组与方法零基础编程实战课堂笔记
- MAC 上找不到.bash_profile该怎么办?
- 备忘录模式