sass 安装

如果需要安装sass,需要首先安装ruby

ruby安装(可以点击这里下载http://rubyinstaller.org/downloads/):

现在,我下载的是这个版本(windows 环境下)

安装完成后,需要将ruby的bin目录添加到环境变量里。步骤如下:

一:找到ruby的bin目录,并复制其路径(eg.D:Ruby23-x64in)

二:我的电脑->高级系统设置->环境变量->系统变量

然后双击Path项,点击新建,将刚刚复制的bin路径粘贴进去,确定即可。此时已经完成了对ruby环境变量的添加。

三:测试是否安装成功。打开cmd,执行ruby -v,则会出现ruby的版本号,OK啦!

编辑器:

1、使用sublime插件(推荐: scss语法高亮sass语法高亮编译保存即编译格式化)装到sb的packages目录下就好了。如图:

2、webstorm自带了sass/scss解析器,可通过file ->Settings->File Watchers ,保存后就会自动编译哦 ,如图设置即可

注意:webstorm不能编译中文字符的文件,或者父文件祖文件有中文字符也不可以。

或者依旧使用咱的考拉,就好哦!

然后就可以去学习sass语法啦~

加油

原文地址:https://www.cnblogs.com/geekfeier/p/6823502.html