sass安装与webstorm配置

sass安装

sass 是一种 CSS 的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得 CSS 的开发，变得简单和可维护。

Sass 需使用rubygems 安装，而因为国内网络原因 rubygems 会连接失败，我们可以使用 ruby.taobao.org 提供的镜像安装 Sass。

mac

mac自带 Ruby无需安装，可在终端输入ruby -v 查看版本号

ruby -v
    ruby 2.1.5p273 (2014-11-13 revision 48405) [x64-mingw32]

如果已经翻墙，终端输入

gem install sass

若在墙里，切换 gem 源至 taobao 并安装 Sass

在命令行依次输入

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

gem sources -a https://ruby.taobao.org/
    https://ruby.taobao.org/ added to sources

gem source -l
    *** CURRENT SOURCES ***

    https://ruby.taobao.org/

gem install sass
    Fetching: sass-3.4.13.gem (100%)
    Successfully installed sass-3.4.13
    Parsing documentation for sass-3.4.13
    Installing ri documentation for sass-3.4.13
    Done installing documentation for sass after 12 seconds
    1 gem installed

如果安装时出现如下提示

ERROR:  While executing gem ... (Gem::FilePermissionError)
    You don't have write permissions for the /Library/Ruby/Gems/2.0.0 directory.

则切换root权限安装

sudo gem install sass

如果你在安装时出现如下提示，则表明网络不佳或源没有切换
到 ruby.taobao.org

ERROR:  Could not find a valid gem 'sass' (>= 0), here is why:
          Unable to download data from https://rubygems.org/ - SSL_connect retur
ned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed (
https://api.rubygems.org/latest_specs.4.8.gz)

webstorm下给scss文件添加watch

查看sass的安装路径

which sass

设置webstorm

新建一个scss文件，可以看到对应生成了css