你的位置:首页 > 网页设计

[网页设计]Sass开发环境搭建


一.Ruby环境下Sass的安装
     a.安装Ruby
          1.下载rubyinstaller安装
          2.命令行或者直接使用sass gem包安装Sass。
          具体安装方法请参见:http://www.w3cplus.com/sassguide/install.html。(Sass gem地址已经被和谐了,大家可以从我的网盘下载gem包:http://pan.baidu.com/s/1hslRynE)
       
     b.安装Sass开发环境Sublime Text
          Sublime安装完后配置起来比较繁琐,
          1.需要安装PackageControl工具,PackageControl用于管理Sublime的插件管理器。
             PackageControl 的安装方法很多,具体的可以参考:http://www.imjeff.cn/blog/62/
          2.安装Sass开发插件。
             Sass插件的安装很简单,快捷键 Ctrl+Shift+P,输入 install 选中Install Package并回车
             然后输入Sass,选择Sass
          3.安装SassBuilder开发插件。
              安装方法同第2步骤
          Sublime的安装包和Package Control都可以在我的网盘中找到
 
     c.安装UI编译工具。
          如果大家觉得使用Ruby命令编译Sass很麻烦的话,这里推荐使用koala。
          koala可以在我的网盘中找到。
 
二.VS集成安装Sass
     对于Ruby程序员或者专业的前端来说,第一种方法固然可以,然而对于.net程序员来说安装一堆不常用的开发工具确实很麻烦。这里介绍宇宙第一神器,VS集成Sass的方法。使用Mindscape.WebWorkbench.Integration插件。插件的安装包已经在我的网盘了,大家直接下载安装即可。