在sublime text3 中安装 sass 高亮插件、提示插件

方法一：

首先安装ruby环境，不然会编译失败，

下载ruby，https://rubyinstaller.org/downloads/，安装：
复制代码

在cmd中输入gem -v 显示出版本号就说明是安装成功。

待ruby安装成功后，在cmd中输入gem install sass 来安装sass。

如果sass 安装失败，需要设置淘宝镜像：

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

gem sources -a https://ruby.taobao.org/
复制代码

在sublime中安装插件：

1）在sublime 中安装插件：sass和sass Build；

2）创建sass文件并保持为.scss格式；

3）Ctrl + B,选择SASS编译。
复制代码

在sublime中进行配置，

1、Tools -> Build System -> New Build System（工具-> 编译系统 -> 新建编译系统）；

2、粘贴如下代码：

{

    "cmd": ["sass", "--update", "$file:${file_path}/../css/${file_base_name}.css", "--stop-on-error", "--no-cache"],
    "selector": "source.sass, source.scss",
    "encoding":"cp936",
    "line_regex": "Line ([0-9]+):",

    "osx":
    {
        "path": "/usr/local/bin:$PATH"
    },

    "windows":
    {
        "shell": "true"
    }

}

保存到Sublime Text3 Packages下，新建MySass文件夹，保存文件名MySass.sublime。

3、Tools -> Build System -> MySass ,选择编译类型。
复制代码

这样设置以后，如项目中有css文件夹，就会编译到css文件夹中，如果没有，会自动生成一个css文件夹，用于保存编译后的css文件。

然后Ctrl+b，尽情编译吧！

转载于:https://juejin.im/post/5a615bd451882573450197be