sencha touch学习笔记,环境搭建

关于sencha就多不说了,这是它的官网地址:http://www.sencha.com
下载sencha-touch-2 ,下载完有解压缩在目录下有个index.html问题,打开里面有senchatouch的安装说明,它上面服务器使用的小日本的Ruby,但是由于我手头是有tomcat,所以安装的时候就没有按他的来。下面就是安装记录了:
1,配置JRE,这里就不多说了。
2,下载sencha cmd
3,下载问后安装senchacmd,
4,在tomcat目录的webapps创建目录,我这儿是sencha_touch
sencha touch学习笔记,环境搭建_第1张图片
5,在命令行切换到webapps/sencha_touch/sencha目录
6,输入sencha,这时应看可以看到sencha cmd的版本号sencha touch学习笔记,环境搭建_第2张图片

7,现在就可以开始创建自己的第一个App了,输入

sencha generate app MyApp ../MyApp
sencha touch学习笔记,环境搭建_第3张图片
这时我们的第一个应用就可以好了,目录结构如下图:
sencha touch学习笔记,环境搭建_第4张图片

  • app - The directory containing the Models, Views, Controllers, and Stores for your app.
  • app.js - The main JavaScript entry point for your app.
  • app.json - The configuration file for your app.
  • index.html - The HTML file for your app.
  • packager.json - The configuration file used by Sencha Cmd for creating native packages for your application.
  • resources - The directory containing the CSS and the images for your app
这个是官网对目录的描述。

好,现在在你支持HTML5的浏览器里输入这个App的地址就可以看到效果了!
http://127.0.0.1:8080/sencha_touch/MyApp/index.html

sencha touch学习笔记,环境搭建_第5张图片

你可能感兴趣的:(移动开发,touch,sencha,andrid)