在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中進行配置，

一、Tools -> Build System -> New Build System（工具-> 編譯系統 -> 新建編譯系統）；

二、粘貼以下代碼：

{

    "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。

三、Tools -> Build System -> MySass ,選擇編譯類型。
複製代碼

這樣設置之後，如項目中有css文件夾，就會編譯到css文件夾中，若是沒有，會自動生成一個css文件夾，用於保存編譯後的css文件。

而後Ctrl+b，盡情編譯吧！