美文网首页
Sencha Touch 开发webApp

Sencha Touch 开发webApp

作者: 莫_名 | 来源:发表于2016-09-29 16:31 被阅读0次

🚀 快速开始

  1. 下载sencha touch,需要填写一些信息,邮箱写真实的其他随意,然后解压,例如这里为文件夹sencha242
  • 下载安装Sencha cmd, 推荐下载含有JRE的
  • 在终端里进入刚才的文件夹,例如这里是cd /Users/yuweimac/Downloads/sencha242,然后执行命令sencha web start,会将sencha242文件夹作为网站服务器运行,然后提示信息中会告诉你访问的url,例如这里是http://localhost:1841/, 在浏览器里可以直接打开查看一些实例demo应用.
    需要说明的一点是,手机和电脑处于同一局域网时(比较方便的方法是将电脑作为热点,然后手机连接)可以将localhost替换为电脑的ip然后在手机浏览器里直接进行访问,看到的效果更为真实,当然这些应用都可以看到源码,拿来学习参考再好不过了.
  • 当然以上都是让你看着学习的,如果要搞一个自己的app,那继续往下走.
  • 生成一个自己的app: 进入sencha242文件夹执行命令sencha generate app MyApp ../myapplication. 其中MyApp是你生成app的名字, 紧跟着的路径时这个app放在那里,这条命令就会生成MyApp应用在myapplication文件夹下.
  • 接下来进入myapplication文件夹,执行命令sencha web start. 但此时如果刚才在sencha242文件夹下开启的服务你没有关闭的会报一堆java(上面装Sencha cmd选择有JRE环境的原因,sencha cmd底层用了java的玩意)的错误,别骂娘,把原来的服务关掉,在原来服务的窗口下按下control+c强制关闭服务,或者使用sencha web stop命令关闭所有服务.
  • 上一步顺利解决后那就和第3步一样了,试试吧. 这个时候看到的应该是一个空模板页面,然后在这里你就可以任性的开发自己的应用了.
  • 如果出现更新服务器应用后页面却没有改的问题,请用chrome浏览器,或者将localhost替换为自己的IP地址. 他奶奶的,Safari非要给我的连接家路径,然后报找不到,这货傻缺了,歪日

相关文章

  • Sencha Touch 开发webApp

    ? 快速开始 下载sencha touch,需要填写一些信息,邮箱写真实的其他随意,然后解压,例如这里为文件夹se...

  • Sencha学习入门

    Sencha Touch 2.4简介 [TOC] 1.简介和安装 : Sencha Touch是一个基于HT...

  • HTML5

    HTML5 的开发可能使用的框架: Sencha-touch jQuery-Mobile PhoneGap. 对于...

  • ajax 和jsonp 不是一码事 细读详解

    ajax 和jsonp 不是一码事 细读详解 由于Sencha Touch 2这种(开发)模式的特性,基本决定了它...

  • ajax 和jsonp 不是一码事 细读详解

    摘要:由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现...

  • 【转】说说JSON和JSONP,也许你会豁然开朗,含jQuery

    前言: 由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实...

  • 说说JSON和JSONP区别

    前言 由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现...

  • 1.首先掌握常用的框架: sencha-touch phoneGap Jquery mobile bootstra...

  • web 相关的知识(client,offset,page 等)

    一. touch webapp 常用的 touch事件的详细对比 touches 设备上所有手指触发的事件集合(一...

  • HTML5前言

    html主要实现ui界面的跨平台,不能完成一些特定的功能,比如:拍照 常见的框架 sencha-touch pho...

网友评论

      本文标题:Sencha Touch 开发webApp

      本文链接:https://www.haomeiwen.com/subject/wozkyttx.html