安装scss并在hbuilder中使用

1需要安装ruby

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

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

3 删除源

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

4 更改gem源

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

安装scss并在hbuilder中使用

需要改成:

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

安装scss并在hbuilder中使用


5 安装scss

gem install scss

安装scss并在hbuilder中使用

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


6 安装compass

gem install compass

安装scss并在hbuilder中使用

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


安装scss并在hbuilder中使用

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

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

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


新闻名称:安装scss并在hbuilder中使用
网站链接:http://ybzwz.com/article/jecjps.html