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 看到下面有个下载的 idea  sass scss配置

然后cmd

idea  sass scss配置

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

3.IDEA sass或 scss 配置

idea  sass scss配置

可以 sass --help 看一下功能

arguments:  --style compressed --no-cache --update --sourcemap $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css
       样式压缩                 不缓存                     产生map文件      $FileName$文件名字     $FileParentDir$ 父级文件夹      $FileNameWithoutExtension$  //生成的名字
其他默认就可以了
在win7上是这样的
 
配置完后 文件路径
idea  sass scss配置
 
 
 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就可以了
idea  sass scss配置
 
 可以参考一下:http://blog.csdn.net/zapzqc/article/details/42147519
上一篇:Selenium和ChromeDriver的安装与配置


下一篇:[HeadFirst-HTMLCSS学习笔记][第十三章表格]