导语:
由于准备学习 Sass,并且我习惯使用sublime编辑器,折腾了下sublime下如何配置 sass,记下遇到的坑,有什么问题欢迎交流。
一、安装Ruby环境
- Sass依赖于ruby环境,所以装sass之前先确认装了ruby。可以到 Ruby 的官网下载对应需要的 Ruby 版本。
-
安装注意:
- 安装成功,输入
ruby -v
,可以看到:
二、安装Sass
- 通过终端命令安装 Sass。
- 打开电脑的ruby命令终端,输入下面的命令:
gem install sass
- 提醒一下,在使用 Mac 的同学,可能需要在上面的命令前加上"sudo",才能正常安装:
sudo gem install sass
- 上面的方法一般是能安装成功的,但是墙的厉害,所以我是使用淘宝镜像安装的
- 淘宝镜像安装法:(ruby终端下输入命令)
$ gem sources --remove https://rubygems.org/
$ gem sources -a https://ruby.taobao.org/ 【如果你系统不支持https,请将淘宝源更换成:gem sources -a http://gems.ruby-china.org】
$ gem sources -l
$ gem install sass
-
成功后如图:
三、Sublime下安装Sass和Sass Build
打开sublime,键入快捷键
Ctrl+Shift+P
,在 install package 下找到Sass和Sass Build,安装。成功后在 package control:list package 下能看见
四、结语
至此,安装已经完成,在sublime编辑器下创建.sass
文件,保存后,快捷键Ctrl+B
即可得到.css
和.css.map
文件。
如果编译出错,可以尝试把后缀
.sass
改为.scss