SASS安装和WebStorm的配置

webstorm saas

代码语言：javascript复制

注意：mac上自带ruby环境一般不用安装

安装SASS

1.安装rvm

代码语言：javascript复制

sudo curl -L https://get.rvm.io | bash -s stable

安装完成后执行脚本让rvm生效

代码语言：javascript复制

sudo source ~/.rvm/scripts/rvm

查看rvm版本出现版本号则安装成功

代码语言：javascript复制

rvm -v

2.用rvm安装ruby

代码语言：javascript复制

sudo rvm install ruby-2.0.0-p648

安装完后查看下gem版本

代码语言：javascript复制

gem -v

3.用gem安装sass

把gem地址改成国内淘宝镜像地址

代码语言：javascript复制

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

如果你系统不支持https用http

代码语言：javascript复制

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

gem sources -l

https://ruby.taobao.org# 请确保只有 ruby.taobao.org

gem install sass

如果出现下面错误

代码语言：javascript复制

`ERROR: While executing gem ... (Errno::EPERM)

Operation not permitted - /usr/bin/sass`

尝试下面方法

代码语言：javascript复制

$ sudo gem install -n /usr/local/bin sass

查看下sass

代码语言：javascript复制

sass -v

如果出现下面错误

代码语言：javascript复制

sass command not found

重复第一步骤重新下载ruby

使用SASS

设置webstorm

1.先查看sass安装路径

which sass

2.设置webstorm打开WebStorm->preferences

3.搜索File Watchers

4.点击 号新建个scss进去里面修改Program:修改成第一步你查找到的地址

5.新建scss,你可以看到对应生成了css

css sass ruby sas

0 人点赞