Sublime添加Sass插件，語法高亮

在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文件。