安装scss并在hbuilder中使用

1需要安装ruby

创新互联专注于郏县网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供郏县营销型网站建设，郏县网站制作、郏县网页设计、郏县网站官网定制、小程序开发服务，打造郏县网络公司原创品牌,更为您提供郏县网站排名全网营销落地服务。

2 通过ruby -v 可以查看是否安装成功

3 删除源

gem sources --remove https://rubygems.org/   

4 更改gem源

使用 gem sources -a https://ruby.taobao.org/ 这个会报错

需要改成:

gem sources -a https://gems.ruby-china.com/

5 安装scss

gem install scss

可以通过 scss -v 查看版本是否安装成功了

6 安装compass

gem install compass

可以通过 compass -v 查看版本号是否安装成功了

--no-cache %FileName% ../css/%FileBaseName%.css --style expanded

可以将的scss文件直接编译到css文件下同名的css文件

如果想改成输出到其他的文件夹中也是可以的，把css写成对应文件夹的名字即可