Sencha-Touch开发环境准备(Webstorm+Ruby)

阅读更多

encha-Touch开发环境准备(Webstorm+Ruby)

一、准备

 1、编码工具(推荐)

WebStorm-7.0.3.exehttp://download.jetbrains.com/webstorm/WebStorm-7.0.3.exe

2、SenchaSDK(用来创建、打包sencha项目)

http://cdn.sencha.com/cmd/4.0.1.45/SenchaCmd-4.0.1.45-windows.exe.zip

3、sencha-touch-2.3.1-commercial.zip(Sencha touch源码及API文档)

http://www.sencha.com/products/touch/download/

4Ruby 2.0.0-p353 (x64)SASS开发工具(预编译sass文件))

http://dl.bintray.com/oneclick/rubyinstaller/rubyinstaller-2.0.0-p353-x64.exe?direct

5Ruby 2.0.0-p353 SASS开发工具(预编译sass文件))

http://dl.bintray.com/oneclick/rubyinstaller/rubyinstaller-2.0.0-p353.exe?direct

 

二、工具安装

 1、WebStorm安装很简单,一直点next就OK,但安装好后只能试用30天。

 2、SenchaSDK安装,一直点next就OK,在安装该SDK之前请确保电脑上已有java的jdk环境。

    验证SenchaSDK是否安装成功:cmd 到刚解压的文件夹目录,再执行sencha命令

  若能看到以上信息说明SenchaSDK已安装成功!

 3、将sencha-touch-2.0.1.1-commercial.zip解压到任意文件夹。

 4、Ruy安装

    Sencha Touch themes

    ST中,Themes是一个非常有用的方法来快速改变我们应用程序的外观的。

    SASS + Compass = themes

如果我们真的决定要改变我们的主题的话,我们就不得不安装SASS和Compass了,

这些并不包含在ST的库文件中。首先我们要安装Ruby。

 

三、创建应用

创建SenchaTouch项目

1、cmd ——> cd 到sencha-touch目录

2、执行命令:sencha app create Process../Process all

3、查看首页:http://127.0.0.1:8080/Process 

 

用WebStorm打开项目

找到刚创建的项目目录

 Sencha-Touch开发环境准备(Webstorm+Ruby)_第1张图片

 

启用Rub 的compass功能

在开始菜单中找到 “Ruby 1.9.3-p0 -> Start Command Prompt with Ruby”并运行。找到对应项目的[应用]/resource/sass目录,执行如下代码:

Compass watch

 Sencha-Touch开发环境准备(Webstorm+Ruby)_第2张图片

  • Sencha-Touch开发环境准备(Webstorm+Ruby)_第3张图片
  • 大小: 35.2 KB
  • Sencha-Touch开发环境准备(Webstorm+Ruby)_第4张图片
  • 大小: 83.9 KB
  • 查看图片附件

你可能感兴趣的:(Sencha,Touch,html5,css3)