sublime Text3下sass环境配置（windows）

导语：

因为准备学习 Sass，而且我习惯使用sublime编辑器，折腾了下sublime下如何配置 sass，记下遇到的坑，有什么问题欢迎交流。

1、安装Ruby环境

1. Sass依赖于ruby环境，因此装sass以前先确认装了ruby。能够到 Ruby 的官网下载对应须要的 Ruby 版本。
2. 安装注意：
   
3. 安装成功，输入ruby -v，能够看到：

2、安装Sass

1. 经过终端命令安装 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】
  gemsources−l gem install sass

• 成功后如图：
  

3、Sublime下安装Sass和Sass Build

打开sublime,键入快捷键Ctrl+Shift+P，在 install package 下找到Sass和Sass Build，安装。成功后在 package control:list package 下能看见

4、结语

至此，安装已经完成，在sublime编辑器下建立`.sass`文件，保存后，快捷键`Ctrl+B`便可获得`.css` 和`.css.map`文件。

若是编译出错，能够尝试把后缀.sass改成.scss

5、相关资料

• w3cplus
• 前端网ruby安装
• Sass教程