指南针应用程序窗口

时间:2013-09-15 15:57:24

标签: css sass compass-sass

我有兴趣在Windows上使用Compass应用程序。我买了这个产品,但它绝对没有文档。 (失败) 我不知道如何使用它。

我创建了一个项目并获得了这个结构

directory compassProject/ 
directory stylesheets/ 
directory project/ 
   create manifest.rb 
   create _main.scss 
   create screen.scss 

我假设我要在某个地方编辑css文件,罗盘会使用SASS在其他地方重写它?

提前致谢 Teedub

1 个答案:

答案 0 :(得分:0)

对于Windows,您需要安装Ruby(必需)。截至此日期,建议您使用Ruby 1.9.3安装程序:RubyInstallers:Ruby 1.9.3-p550

安装Ruby后,安装Compass:

gem install compass

有关安装Ruby for Windows的更多信息,请参阅我在此主题上发表的这篇文章: http://jimfrenette.com/2014/11/compass-on-windows/

<强> SASS 设置sass自动编译style.scss 在项目sass文件夹中,执行sass watch命令。每当保存style.scss文件时,相应的style.css将使用所有适用的浏览器扩展,可重用属性等编写。

# change to your sass folder in your project directory
# e.g., cd ~/mywebsite/sass

$ sass --watch  style.scss:../css/style.css
 >>> Sass is watching for changes. Press Ctrl-C to stop.
←[32m      write ../css/style.css
←[0m←[32m      write ../css/style.css.map
←[0m

这篇文章详细介绍了使用Bourbon,一种类似的,更轻的Compass替代方案,如果你感兴趣可能会有所帮助:http://jimfrenette.com/2014/10/bourbon/