前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >SASS安装和WebStorm的配置

SASS安装和WebStorm的配置

作者头像
用户1065635
发布2019-03-21 11:53:54
1.1K0
发布2019-03-21 11:53:54
举报
文章被收录于专栏:前端社区前端社区

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • webstorm saas
  • 安装SASS
  • 使用SASS
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档