如何在sublime中使用sass
下面我給大家介紹一下，如何使用sublime外掛實現對scss檔案的編譯的吧。
首先，你想要使用sass的話，就必須依賴於ruby環境。所以，你要下一個ruby。具體的連結應該是(http://rubyinstaller.org/downloads)。下載相應的版本。建議大家不要使用谷歌瀏覽器，因為他真得載入不出來。注意：這裡對應的是windows系統。
下載好之後，就需要一步步進行安裝了（建議大家把其安裝在c盤），這裡需要注意的是：
這個勾別忘了選，因為不選中，就會出現編譯時找不到Ruby環境的情況。
這時，我們在控制檯輸入ruby -v就可以得到我們的安裝好的ruby的版本號等資訊
Ruby 安裝完成後，在開始選單中找到新安裝的 Ruby，並啟動 Ruby 的 Command 控制面板，如下圖所示：
當你的電腦中安裝好 Ruby 之後，接下來就可以安裝 Sass 了。同樣的在windows下安裝 Sass 有多種方法。給大家提供一種最實用的方法。
到 Rubygems(http://rubygems.org/) 網站上將 Sass 的安裝包（http://rubygems.org/gems/sass）下載下來，然後在命令終端輸入：
gem install <把下載的安裝包拖到這裡>
直接回車即可安裝成功。
接下來，就是在sublime中安裝sass外掛和sass build外掛了，開啟我們的sublime
首先你要看的是在preference選項下有沒有package control這個選項，如果沒有的話，就表示你沒有Package Control 外掛（一個方便 Sublime text 管理外掛的外掛），這時，你就要從選單 View - Show Console 或者 ctrl + ~ 快捷鍵，調出 console。將以下 Python 程式碼貼上進去並 enter 執行，不出意外即完成安裝
sublime text3
| 1 |
import urllib.request,os;
pf = 'Package
Control.sublime-package';
ipp = sublime.installed_packages_path();
urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp,
pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace('
','%20')).read())
|
sublime text2
| 1 |
import urllib2,os;
pf='Package
Control.sublime-package';
ipp = sublime.installed_packages_path();
os.makedirs( ipp ) if not os.path.exists(ipp) else None;
urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open(
os.path.join( ipp, pf), 'wb' ).write(
urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( '
','%20' )).read()); print( 'Please
restart Sublime Text to finish installation')
|
完成了這步之後,再重新開啟我們的sublime,ctrl+shift+p，並輸入install
選擇第一個Install Pacage,
在命令欄中輸入"Sass"然後回車，然後在彈出的列表中選擇Sass外掛，通過滑鼠單擊或者回車進行安裝，可通過左下角狀態列檢視安裝結果
在命令欄中輸入"SassBuild"然後回車，然後在彈出的列表中選擇SassBuild外掛，通過滑鼠單擊或者回車進行安裝，可通過左下角狀態列檢視安裝結果
按ctrl+shift+p，輸入package，選擇list packages，就看到了我們安裝的外掛列表
如果你看到了sass和sass bulid就說明外掛安裝成功了。
這是你把scss檔案寫完之後，按ctrl+b就可以實現sass檔案的編譯了，他會生成一個自動編譯生成css檔案。這裡,再跟大家介紹一下windows7下解決中文亂碼的問題吧。需要做的就是：
找到ruby的安裝目錄，裡面也有sass模組，如這個路徑：
C:/Ruby/lib/ruby/gems/1.9.1/gems/sass-3.3.14/lib/sass
在這個檔案裡面engine.rb，新增一行程式碼Encoding.default_external = Encoding.find(‘utf-8’) 放在所有的require XXXX 之後即可.