Posted in: , , ,
By Unknown 0 comments

Livereload in sublime 2

記得這個應該是ruby的套件,沒想到現在Windows上也可以直接配合sublime使用,只需要安裝套件就全部搞定,因為太高興了所以馬上記下來。

教學來源

  1. http://shoogledesigns.com/blog/blog/2012/07/23/sublime-text-2-package-control-and-livereload/
  2. http://kevintsengtw.blogspot.tw/2012/02/sublime-text-2-part3-package-control.html#.UOvX8m-miCh
簡單說明
  1. 先在sublime 2安裝Package Control,使用快捷鍵Ctrl+`打開命令列,再把下面這一長串打進去執行。
  2. 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'
  3. 安裝完之後,打開Preferences/Package Control,選擇install package,打入Livereload,接著就開始安裝。
  4. Google Chrome及Firefox都有livereload套件,把它裝進去後,在設定的地方打開Allow access to file URLs
  5. 基本上到這邊就結束了,可以找一個HTML檔測試,記得要點選瀏覽器Livereload圖示他才會啟動,然後就可以正常使用。

Leave a Reply