安装scss并在hbuilder中使用-创新互联

1需要安装ruby

创新互联公司是一家专注于网站设计制作、做网站与策划设计,韩城网站建设哪家好?创新互联公司做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:韩城等地区。韩城做网站价格咨询:18982081108

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写成对应文件夹的名字即可

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章标题:安装scss并在hbuilder中使用-创新互联
文章URL:http://ybzwz.com/article/dhgsho.html