SASS安装和WebStorm的配置

webstorm saas

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

安装SASS

1.安装rvm

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

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

sudo source ~/.rvm/scripts/rvm

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

rvm -v

2.用rvm安装ruby

sudo rvm install ruby-2.0.0-p648

安装完后查看下gem版本

gem -v

3.用gem安装sass

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

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

如果你系统不支持https用http

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

gem sources -l

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

gem install sass

如果出现下面错误

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

Operation not permitted - /usr/bin/sass`

尝试下面方法

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

查看下sass

sass -v

如果出现下面错误

sass command not found

重复第一步骤重新下载ruby

使用SASS

设置webstorm

1.先查看sass安装路径

which sass

2.设置webstorm打开WebStorm->preferences

3.搜索File Watchers

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券