sublime3安裝外掛實現前端自動重新整理

nonoNerver發表於2017-09-18

  這兩天倒騰編輯器,atom實在太大了,還是sublime好用

  以前一直用sublime2, 然後更新到sublime3, 然後把一些必要的外掛安裝了一下:liveload(自動重新整理);

  package control

  首先給sublime新增了一個package control的外掛, sublime2和sublime3安裝package control 的方式不同,檢視這裡;

  安裝LiveReload

  然後通過快捷鍵(ctrl+shift+p), 會出現下面這個介面:選擇%26nbsp;package control : install package%26nbsp;:

    

%26nbsp;  sublime會卡一下:然後又會跳出另外一個輸入框,在輸入框中輸入:liveReload, 然後點選過濾出來的選項, 點選機會安裝livereload;

    

  livereload安裝完畢以後會跳出一個安裝完畢的介面。

  enable plugins

  接著再選擇Preferences-%26gt;package setting-%26gt;LiveReload-%26gt;Plugins-%26gt;enable/disable plugins ,啟動LiveReload, 然後重新啟動sublime;

  瀏覽器安裝LiveReload外掛:

  開啟google-chrome的應用中心,搜尋LiveReload, 並把應用新增到chrome:

    

  允許訪問檔案網址

  安裝完畢以後,開啟擴充套件程式中心, 把LiveReload的允許訪問檔案網址選項加上:

  

  此時sublime和chrome瀏覽器外掛都安裝好了。

  最後一步, 啟用外掛

  最後一步是通過sulime選擇在瀏覽器中開啟html檔案, 然後再點選瀏覽器上的外掛按鈕

  此時按鈕會變成實心的:

  

  如果檢視網頁原始碼,會發現網頁原始碼下被新增了一個script標籤:

  現在,只要我們修改對應的html檔案並ctrl+s儲存檔案, 對應的瀏覽器介面會自動重新整理;%26nbsp;

作者: NONO
出處:http://www.cnblogs.com/diligenceday/
企業網站:http://www.idrwl.com/
開源部落格:http://www.github.com/sqqihao
QQ:287101329
微信:18101055830%26nbsp;

廈門來網路科技有限公

相關文章