Scss是一套可程式化撰写CSS的工具。

对于擅长Server端程式开发的工程师而言,前端的CSS样式语言,似乎不适那么的习惯,常用的变数、判断逻辑...等等,皆无法使用。



Scss正式解决此困境的好工具!Scss相关资讯请参阅 http://sass-lang.com/

Compass是此工具的Framework之一,相关介绍请参阅Compass官网 http://compass-style.org/

安装流程


1.下载Ruby Installer并安装 -> http://rubyinstaller.org

2.开始  -> 执行 -> cmd

3.输入 gem install compass

以上会进行compass安装,并安装相关套件,省去一个一个安装的困扰。

 使用方式


1.新增专案 -> compass create 专案路径

自动产生档案

compass tree

2.专案监听 -> compass watch 专案路径

出现以下讯息,表示开始监听

>>> Compass is polling for changes. Press Ctrl-C to Stop.

现在,只要你编辑sass内的档案,就会自动帮你编译为css档案

※相关的路径设定,可修改config.rb档案

更多的scss、compass说明,请参阅各自官网

相关文章