sublime3安裝外掛實現前端自動重新整理
這兩天倒騰編輯器,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;