`
有木有
  • 浏览: 887 次
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

Sencha touch 2 怎么再windows下配置compass 和Sass 的命令行

阅读更多
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 Touch2环境搭建

    Sencha Touch 2是一款专为...最后,记得不断学习和探索Sencha Touch 2的官方文档和社区资源,这将帮助你更好地理解和掌握这个强大的框架。随着实践的积累,你会发现它能帮助你构建出功能强大且用户体验优秀的移动应用。

    sencha touch2学习笔记(一)---环境搭建和开发工具配置

    Sencha Touch 2 是一款专为移动设备设计的前端框架,用于构建高性能的跨平台触控应用。在本文中,我们将深入探讨如何进行Sencha Touch 2的学习,从环境搭建到开发工具的配置,帮助你开启移动应用开发之旅。 首先,...

    touch-docs-2.2.1.zip(senchaTouch 离线API参考文档)

    1. **API文档**:详尽的类、方法、事件和配置项说明,帮助开发者了解每个组件和函数的具体用法。 2. **示例代码**:包含许多实际应用的例子,展示了如何在项目中使用Sencha Touch的各种功能。 3. **快速入门指南**...

    sencha touch环境配置.

    在开始使用Sencha Touch之前,需要进行一系列环境配置,确保所有必要的软件和工具已经安装并配置妥当。 首先,我们需要下载核心软件包。`sencha-touch-2.1.0-gpl` 是Sencha Touch的二进制文件,包含了框架的所有...

    Sencha 和 Sencha Touch 简介

    Sencha Touch 是第一个专门设计为移动设备开发 web 应用的 JavaScript 框架,它基于 HTML5 和 CSS3 的 web 标准,全面兼容 Android 和 Apple iOS,通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web ...

    sencha touch2 up and running

    为了使用Sencha Touch 2,开发者需要安装Sencha Touch的开发环境,这通常意味着安装Sencha Cmd,这是一个为Sencha框架提供的命令行工具。 在创建新应用的过程中,Sencha Touch 2提供了一个基础应用模板,允许开发者...

    api.zip_sencha _sencha touch api_sencha touch2 api

    标题中的"api.zip_sencha _sencha touch api_sencha touch2 api"表明这是一个关于Sencha Touch API的压缩文件集合,可能包含了Sencha Touch和Sencha Touch 2两个版本的API文档。 **Sencha Touch基础知识** Sencha ...

    Sencha Touch2 MVC Demo (含源码/数据库)

    在Sencha Touch 2中,控制器文件通常包含`refs`(引用视图组件)和`controls`(监听视图事件)配置。例如,`AppController.js`可能是整个应用的主控制器。 **压缩包子文件的文件名称列表:lib** 这个`lib`目录很...

    sencha touch 登陆界面

    Sencha Touch 是一款专为移动设备设计的JavaScript框架,它提供了丰富的组件库和强大的数据管理功能,用于构建高性能的触控应用。"sencha touch 登陆界面"这个主题,主要涉及的是如何使用Sencha Touch来设计和实现一...

    sencha touch项目源码

    Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件和API,用于构建交互式的、响应式的Web应用程序。这个项目源码是基于Sencha Touch开发的一个实例,通过研究这个项目,我们可以深入理解Sencha ...

    sencha touch 2 实例

    sencha touch 2 实现的贪吃蛇 希望对大家有所帮助

    Sencha Touch in Action

    2. 开发环境搭建:指导读者如何搭建Sencha Touch的开发环境,包括下载和安装Sencha Touch库。 3. 用户界面组件:详细介绍Sencha Touch提供的各种用户界面组件,如按钮、列表、表单、滑动菜单等。 4. 应用结构与生命...

    sencha touch2 ajax 获取数据

    在给定的部分代码中,我们可以看到一个名为`renderListData`的方法,它负责初始化和配置一个`Store`对象,用于处理数据的加载和管理。 ```javascript var st = new Ext.data.Store({ model: _scope.model, ...

    Sencha Touch开发的项目《般若人生》源码

    - **app.js**:这是Sencha Touch应用的主要入口文件,通常包含应用的配置和初始化代码。 - **views**目录:存放视图组件的代码,这些组件可能包括各种屏幕或控件,如主页、详情页、设置页等。 - **models**目录:...

    sencha touch中文翻译文档

    - **列表(List)**:如何创建和配置列表,支持分组、搜索、滑动删除等功能。 - **表单(Forms)**:创建和验证用户输入,如何绑定模型字段,以及使用各种表单字段类型。 - **导航视图(Navigation View)**:实现...

    一个完整的sencha touch 应用案例

    2. **sencha-touch-all.js**:这是Sencha Touch的完整构建,包含所有组件和功能。在开发阶段,为了方便调试,我们通常使用此文件;但在生产环境中,为了优化性能,我们会使用按需加载的精简版(如sencha-touch.js)...

    sencha touch list demo

    List组件提供了多种样式和配置选项,如分组、多选、索引条等,以满足不同需求。 3. **数据绑定** 在"sencha touch list demo"中,列表的数据通常来自一个Store。Store是Sencha Touch中的数据管理器,它可以加载和...

Global site tag (gtag.js) - Google Analytics