Sencha touch 2的sencha-touch-2.2.0-b1安装后,编译会sass报错,用touch-2.1.1就没有问题了,果然是测试版。
下面是安装的步骤:
问题:sencha touch 2支持用户自定义css样式表并重新编译发布。但是需要compass命令行支持才行。window需要自己配置。mac再系统里面有gem包。只需安装即可。
本文章只针对怎么再win7先安装compass
Sencha Touch 自定义主题:
可参考以下文章:
1 http://www.vinylfox.com/custom-styling-a-sencha-touch-app/
2 http://www.sencha.com/blog/an-introduction-to-theming-sencha-touch
步骤:
1 首先安装ruby(Windows 需要 Ruby and RubyGems )。
Ruby下载:http://rubyforge.org/projects/rubyinstaller/ 选择windows安装版本(version)
RubyGems下载:http://rubyforge.org/frs/?group_id=126 选择zip文件包(version1.8.24)
rubygems 安装guide:http://docs.rubygems.org/read/chapter/3
安装顺序为先安装ruby,再安装RubyGems
2. 将下载的rubygems 解压到一个文件夹等待安装。之前ruby安装后的目录有一个start commond prompt with ruby快捷方式选择运行。然后进入rubygems的目录。运行命令ruby setup.rb 执行安装并等待安装成功,成功后会生成一个新的安装路径:C:\Ruby193\bin(这是我的默认地方,在安装成功的info里面能找的这个路径)
3.至此rubygems安装成功了,我们及可以用gem命令去安装我们的compass了,由于网速原因。我们将安装包下载到本地安装:
http://rubygems.org。 需要安装4个gem包(最新版本可以在上面链接下载)建议按照以下安装顺序。因为包之间有联系的
安装之前需要将gem包拷贝到C:\Ruby193\bin目录下面
然后进入cmd 命令行进入cd C:\Ruby193\bin
依次执行命令
gem install sass
gem install chunky_png
gem install fssm
gem install compass
sass-3.1.10.gem
chunky_png-1.2.5.gem
fssm-0.2.7.gem
compass-0.11.5.gem
安装完在命令行下执行
1 compass -v
2 sass -v
没问题的话就会输出版本信息,说明大功告成啦!
分享到:
相关推荐
Sencha Touch 2是一款专为...最后,记得不断学习和探索Sencha Touch 2的官方文档和社区资源,这将帮助你更好地理解和掌握这个强大的框架。随着实践的积累,你会发现它能帮助你构建出功能强大且用户体验优秀的移动应用。
Sencha Touch 2 是一款专为移动设备设计的前端框架,用于构建高性能的跨平台触控应用。在本文中,我们将深入探讨如何进行Sencha Touch 2的学习,从环境搭建到开发工具的配置,帮助你开启移动应用开发之旅。 首先,...
1. **API文档**:详尽的类、方法、事件和配置项说明,帮助开发者了解每个组件和函数的具体用法。 2. **示例代码**:包含许多实际应用的例子,展示了如何在项目中使用Sencha Touch的各种功能。 3. **快速入门指南**...
在开始使用Sencha Touch之前,需要进行一系列环境配置,确保所有必要的软件和工具已经安装并配置妥当。 首先,我们需要下载核心软件包。`sencha-touch-2.1.0-gpl` 是Sencha Touch的二进制文件,包含了框架的所有...
Sencha Touch 是第一个专门设计为移动设备开发 web 应用的 JavaScript 框架,它基于 HTML5 和 CSS3 的 web 标准,全面兼容 Android 和 Apple iOS,通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web ...
为了使用Sencha Touch 2,开发者需要安装Sencha Touch的开发环境,这通常意味着安装Sencha Cmd,这是一个为Sencha框架提供的命令行工具。 在创建新应用的过程中,Sencha Touch 2提供了一个基础应用模板,允许开发者...
标题中的"api.zip_sencha _sencha touch api_sencha touch2 api"表明这是一个关于Sencha Touch API的压缩文件集合,可能包含了Sencha Touch和Sencha Touch 2两个版本的API文档。 **Sencha Touch基础知识** Sencha ...
在Sencha Touch 2中,控制器文件通常包含`refs`(引用视图组件)和`controls`(监听视图事件)配置。例如,`AppController.js`可能是整个应用的主控制器。 **压缩包子文件的文件名称列表:lib** 这个`lib`目录很...
Sencha Touch 是一款专为移动设备设计的JavaScript框架,它提供了丰富的组件库和强大的数据管理功能,用于构建高性能的触控应用。"sencha touch 登陆界面"这个主题,主要涉及的是如何使用Sencha Touch来设计和实现一...
Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件和API,用于构建交互式的、响应式的Web应用程序。这个项目源码是基于Sencha Touch开发的一个实例,通过研究这个项目,我们可以深入理解Sencha ...
sencha touch 2 实现的贪吃蛇 希望对大家有所帮助
2. 开发环境搭建:指导读者如何搭建Sencha Touch的开发环境,包括下载和安装Sencha Touch库。 3. 用户界面组件:详细介绍Sencha Touch提供的各种用户界面组件,如按钮、列表、表单、滑动菜单等。 4. 应用结构与生命...
在给定的部分代码中,我们可以看到一个名为`renderListData`的方法,它负责初始化和配置一个`Store`对象,用于处理数据的加载和管理。 ```javascript var st = new Ext.data.Store({ model: _scope.model, ...
- **app.js**:这是Sencha Touch应用的主要入口文件,通常包含应用的配置和初始化代码。 - **views**目录:存放视图组件的代码,这些组件可能包括各种屏幕或控件,如主页、详情页、设置页等。 - **models**目录:...
- **列表(List)**:如何创建和配置列表,支持分组、搜索、滑动删除等功能。 - **表单(Forms)**:创建和验证用户输入,如何绑定模型字段,以及使用各种表单字段类型。 - **导航视图(Navigation View)**:实现...
2. **sencha-touch-all.js**:这是Sencha Touch的完整构建,包含所有组件和功能。在开发阶段,为了方便调试,我们通常使用此文件;但在生产环境中,为了优化性能,我们会使用按需加载的精简版(如sencha-touch.js)...
List组件提供了多种样式和配置选项,如分组、多选、索引条等,以满足不同需求。 3. **数据绑定** 在"sencha touch list demo"中,列表的数据通常来自一个Store。Store是Sencha Touch中的数据管理器,它可以加载和...