目录
1 开发工具准备 ............................................................................................................................... 1
1.1 工具下载: ....................................................................................................................... 1
1.2 工具安装: ....................................................................................................................... 1
2 创建应用....................................................................................................................................... 3
2.1 创建SenchaTouch项目 ................................................................................................... 3
2.2 用WebStorm打开项目 ..................................................................................................... 3
2.3 启用Rub 的compass功能 .............................................................................................. 4
1 开发工具准备
1.1 工具下载:
1、编码工具(推荐) 2、SenchaSDK用来创建、打包sencha项目 3、Sencha touch源码及API
文档 4、SASS开发工具(预编译sass文件) 1.2 工具安装:
1、WebStorm安装很简单,一直点next就OK,但安装好后只能试用30天,下面提供注 册码:(Help---->Register) User name: solq License Key: 35758-12042010 00001cIW59IBVHRPp019pvqMI0zUcw RqOCGkr4xcLxYJaUE6RgIfTVRv43kV 80GauemJf4PvNrFQdFYdjTGBTmZZXQ 2、SenchaSDK安装,在安装该SDK之前请确保电脑上已有java的jdk环境,不然安装不 了,安装好后需配置环境变量。 Path: D:\Program Files\SenchaSDKTools; 将sencha-touch-2.0.1.1-commercial.zip解压到任意文件夹 验证SenchaSDK是否安装成功:cmd 到刚解压的文件夹目录,再执行sencha命令
1
若能看到以上信息说明SenchaSDK已安装成功! 3、Ruy安装
Sencha Touch themes
ST中,Themes是一个非常有用的方法来快速改变我们应用
程序的外观的。那 么什么是themes呢?
SASS + Compass = themes
如果我们真的决定要改变我们的主题的话,我们就不得不安装SASS和 Compass了,这些并不包含在ST的库文件中。首先我们要安装Ruby。
Installing Ruby
Mac中不需安装了,因为在OSX中已经安装好了,但是Windows中,需要用 户自己下载并安装Ruby。
2
并设置好PATH。 我们可以在命令行中验证我们的安装的。
Installing SASS and Compass
对于Mac和Windows用户来说,安装略有不同的。 我们可以在Mac中通过终端来安装的:
1. 2. sudo gem install haml sudo gem install compass
Windows用户可以在命令行中安装:
1. 2. gem install haml gem install compass
如果你觉得这种安装方法并不适合你的话,你可以在网上搜寻捆绑了Ruby, SASS, Compass的包, 直接集成安装在自己的电脑上: Scout, Compass.app。 详情请参考:2
2.1
创建应用
创建SenchaTouch项目
1、cmd ——> cd 到sencha-touch目录 2、执行命令:sencha app create Process../Process all 3、查看首页:127.0.0.1:8080/Process
2.2 用WebStorm打开项目
找到刚创建的项目目录
3
2.3 启用Rub 的compass功能
在开始菜单中找到
“Ruby 1.9.3-p0 -> Start Command Prompt with Ruby” 并运行。找到对应项目的[应用]/resource/sass目录,执行如下代码:
Compass watch
4
注:该窗口需要一直开着,就会自动对已改过的sass文件进行编译
5