首页 > 代码库 > idea sass scss配置

idea sass scss配置

1.安装Ruby

  https://ruby.taobao.org/ 可下载

  。。ruby -v 看Ruby版本

 

 

2.通过Ruby安装Sass

  淘宝的镜像不维护了

  https://ruby.taobao.org/

  本站将不在继续维护,本站的维护者已经或即将参与到 Ruby China 镜像 的维护工作中,目前已将安装请求重定向到 Ruby China 镜像,请大家注意更换本地的 Gem Source。

  使用  -a 或者 --add 是新增一个镜像地址,   --remove 去掉   -l 查看当前的镜像        可以用gem --help  看功能

  $ gem sources --add https://gems.ruby-china.org/ --remove https://rubygems.org/
  $ gem sources -l

 可功换掉了
  *** CURRENT SOURCES ***

 https://gems.ruby-china.org


如果出现ssl-conn  就是本机 不支持https 协议
 $ gem sources --add http://gems.ruby-china.org/   就可以了


3.IDEA sass或 scss 配置

技术分享

可以 sass --help 看一下功能

arguments:  --style compressed --no-cache --update --sourcemap $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css
       样式压缩                 不缓存                     产生map文件      $FileName$文件名字     $FileParentDir$ 父级文件夹      $FileNameWithoutExtension$  //生成的名字
其他默认就可以了
在win7上是这样的
 
配置完后 文件路径
技术分享
 
 
 
 
 可以参考一下:http://blog.csdn.net/zapzqc/article/details/42147519

 

idea sass scss配置