在sublime中安裝sass編譯插件

打開sublime,在preference選項下有沒有package control這個選項,如果沒有的話,就表示你沒有Package Control 插件(一個方便 Sublime text 管理插件的插件),這時,你就要從菜單 View - Show Console 或者 ctrl + ~ 快捷鍵,調出 console。將以下 Python 代碼粘貼進去並 enter 執行,不出意外即完成安裝。

sublime text3

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/](http://sublime.wbond.net/)' + pf.replace(' ','%20')).read())</pre>

sublime text2

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/](http://sublime.wbond.net/)' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')</pre>

完成了這步之後,再重新打開我們的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文件。(最好把sass放在c盤,否側編譯不出來,親測)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章