sencha

用Sencha Cmd自动打包Touch的APP项目 有更新！ 前面写了一篇关于Sencha Cmd 创建APP的文章，点击查看 由于使用Sencha Cmd创建的APP里面有很多js文件，这样从加载的速度上来说很慢，所以 不得不说Touch是一个很重的框架，其实Sencha Cmd 也有自带的压缩功能。 一、准备工作 Sencha Touch 需要运行在 Chrome 和 Safari 浏览器上. 也可以通过手机浏览器直接访问, 你也可以在电脑上用 Chrome, Safari, 或者 Internet Explorer 10 \ 11浏览.所以先准备好浏览工具 下载 Sencha Cmd .，选择现在的安装环境，win或者linux,我这里下载的是 Version 4.0.1 for Windows 下载 Java Runtime Environment 1.7. Sencha Cmd 由于是用JAVA写的，所以需要运行在 JRE 上 官方说要用1.7的版本，所以还是换版本把如果你还是1.6.因为现在1.8都出来了。 Ruby来 创建由 触摸 编译 的CSS。 wind ： 下载Ruby 从 www. rubyinstaller.org 。 下载 RubyInstaller .exe文件 并运行它 。 二、安装运行 安装需要的浏览器，不用都说，我这里安装的事Safari

1.安装 nodejs 2.安装 cordova： npm install -g cordova 3.创建一个工程： cordova create MyApp com.example.MyApp MyApp 其中：第一个 MyApp是文件夹的名称； com.example.MyApp 是app id 第二个MyApp是工程的名称，也是应用的名称 4.进入文件夹 cd MyApp 5.创建一个android的应用 cordova platform add android 6.用eclipse新建android项目（导入刚才MyApp目录文件），就可以在eclipse下开发了。 注意: 1.eclipse要先安装ADT插件。 2.要先下载android的SDK，并把它的路径(例如：C:\Development\adt-bundle\sdk\tools)加入到环境变量path中。 否则第5步会报错：[Error: An error occurred while listing Android targets] ============================================================= 至此，phonegap的工程搭建完成。那么，如何跟 sencha touch结合呢？ 1.安装sencha touch命令行。（上官网下载exe文件：

准备工作： 下载extjs6的开发包，我这里是试验版：ext-6.6.0-trial.zip。解压到某个目录，我这里解压到：D:\tools\about-ext\ext-6.6.0-trial 目录下 下载并安装extjs6的命令工具：SenchaCmd-6.6.0.13-windows-64bit.zip，配置环境变量，或者将安装好的目录(C:\Users\xiongxiaomeng\bin\Sencha\Cmd)添加到path变量中 创建extjs的工作空间： 打开cmd命令，输入：sencha -sdk D:\tools\about-ext\ext-6.6.0-trial\ext-6.6.0\ generate workspace D:\git\repositoryspring\myboot\src\main\resources\static 生成extjs的admin-dashboard项目： 命令行输入：sencha generate app -ext -s D:\tools\about-ext\ext-6.6.0-trial\ext-6.6.0\templates\admin-dashboard App D:\git\repositoryspring\myboot\src\main\resources\static 项目生成成功后，修改app.json文件内容： 将

本篇文章主要介绍sencha cmd3.1的使用以及ExtJS4.2的主题开发。 废话不多说，我们来直接看如何使用sencha cmd3.1来生成项目结构，然后再此基础上制作自己的主题。 要实现如上功能，你需要安装一些软件： 1. 安装JDK 或JRE 1.6+； 2. 为制作主题，需要安装ruby、compass、sass 3. 安装sencha cmd3.1和下载extjs4.2 sdk （提示：JDK、extjs4的下载不要说了吧，ruby可以到http://rubyinstaller.og下载），ruby安装好后，启动”start command Prompt with Ruby”， 在ruby命令行窗口中，输入gem install compass（安装过程可能会有些慢） Sencha cmd3.1的下载地址：http://cdn.sencha.com/cmd/3.1.0.256/release-notes.html Sass的使用就不多说了，网上资料很多。 开始构建项目 打开命令行窗口，输入如下命令：sencha –sdk d:\ext-4.2.0.663 generate app MyApp d:\extjsApp 说明：（d:\ext-4.2.0.663是extjs sdk的路径，d:\extjsApp 是项目路径）如果执行成功，控制台会有【INF】信息输出。 在D

Sencha最新发布了sencha cmd3.0，使用这个命令行工具，我们将可以更方便创建、更新和部署sencha touch项目。另外，这个工具同样也支持extjs4.1项目的创建和管理。这里我们暂且只介绍在sencha touch的一些使用方法。 首先下载sencha touch2.1，解压到网站根目录下。例如：http://localhost/sencha-touch: 然后下载sencha cmd3.0，安装后，打开windows命令行工具，敲入sencha命令，回车，应该可以看到下面的画面： 这表示sencha cmd安装成功并且可以正常使用了，下面我们开始创建一个sencha-touch项目。在命令行中切换目录到http://localhost/sencha-touch下。键入：sencha generate app MyApp ../MyApp，回车，这样就创建了个MyApp项目在http://localhost/MyApp下。如下图所示: 在浏览器中访问:http://localhost/MyApp，可以看到默认创建的界面。 好了，就介绍到这里，欢迎继续关注我其他关于sencha-touch的文章，并和我讨论。:) 来源： oschina 链接： https://my.oschina.net/u/243742/blog/89109