如何使用sass(环境安装)-创新互联

Sass是基于ruby环境开发的语言工具，所以使用sass需要ruby环境。

1、       下载ruby

https://rubyinstaller.org/downloads/

下载完后双击，next即可

2、        查看ruby是否安装好，找到Start Command Prompt with Ruby 这个工具

3、        输入命令 gem install sass (安装sass 命令)

gem updatesass  (升级sass 命令)

sass -v (查看sass版本命令)

这样sass 就安装好了，但是sass还无法实时监测css文件的而变动

4、        在桌面或者你想存放项目的地方新建一个文件夹

我在桌面上新建了sass文件夹，里面放了一个text.scss文件。

打开ruby窗口，cd到你放项目的目录下

使用命令sass text.scss css\css.css(左边输入sass文件，右边输出css的文件，如果想把css文件建一个文件夹放起来，就在前面如例子所示加一个路径)

监视某一个sass文件，使用命令 sass  --watch text.scss:css.css( 左边是scss输入文件，右边的css输出文件)

监视整个文件夹，使用命令：sass  --watch scss:css(左边代表监视的文件路径，右边代表输出文件路径)

然后用编辑器打开，sass就能实时监控css了

参考博文

https://www.cnblogs.com/wuzhiquan/p/5912146.html

顺便，如果sublime不支持scss高亮插件，参加下面的博文

http://blog.csdn.net/u013022210/article/details/48729281

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。