idea sass scss配置

1.安装Ruby

　　win  直接http://rj.baidu.com/soft/detail/22711.html?ald

　　mac linux

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

　　。。ruby -v 看Ruby版本

如果是win7的话要 重启下  path 环境变量改了但是还没有系统还没变掉   所以gem -v 无效

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/   就可以了

安装gem install sass   

20170703: 最近遇到一种情况，有些公司是在虚拟内网开发，由于内网和外网是没有接通的，使得没办法通过gem命令下载包
解决的办法是 https://rubygems.org/gems/sass 看到下面有个下载的  

然后cmd

gem install 这个sass.gem包的  所在位置，出现 上面图片的信息就表示 安装成功！

3.IDEA sass或 scss 配置

可以 sass --help 看一下功能

arguments：  --style compressed --no-cache --update --sourcemap $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css

　　　　　　　样式压缩                 不缓存                     产生map文件      $FileName$文件名字     $FileParentDir$ 父级文件夹      $FileNameWithoutExtension$  //生成的名字

其他默认就可以了

在win7上是这样的

 

配置完后 文件路径

 

 

 scss或sass编译时出现GBK Ex6 ex5 错误的时候   //有中文编译的时候报错

 

在ruby的安装下找到

\Ruby\lib\ruby\gems\1.9.1\gems\sass-3.3.14\lib\sass

在这个文件里面engine.rb

Encoding.default_external = Encoding.find('utf-8')

 然后就可以了   当然如果是在idea 的时候  重启一下 idea就可以了

 

 可以参考一下：http://blog.csdn.net/zapzqc/article/details/42147519