文章出處

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

  以前一直用sublime2, 然后更新到sublime3, 然后把一些必要的插件安裝了一下:liveload(自動刷新);

  package control

  首先給sublime添加了一個package control的插件, sublime2和sublime3安裝package control 的方式不同, 查看這里;

  安裝LiveReload

  然后通過快捷鍵(ctrl+shift+p), 會出現下面這個界面:選擇 package control : install package :

    

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

    

  livereload安裝完畢以后會跳出一個安裝完畢的界面。

  enable plugins

  接著再選擇Preferences->package setting->LiveReload->Plugins->enable/disable plugins ,啟動LiveReload, 然后重新啟動sublime;

  瀏覽器安裝LiveReload插件:

  打開google-chrome的應用中心,搜索LiveReload, 并把應用添加到chrome:

    

  允許訪問文件網址

  安裝完畢以后,打開擴展程序中心, 把LiveReload的允許訪問文件網址選項加上:

  

  此時sublime和chrome瀏覽器插件都安裝好了。

  最后一步, 啟用插件

  最后一步是通過sulime選擇在瀏覽器中打開html文件, 然后再點擊瀏覽器上的插件按鈕

  此時按鈕會變成實心的:

  

  如果查看網頁源碼,會發現網頁源碼下被添加了一個script標簽:

  現在,只要我們修改對應的html文件并ctrl+s保存文件, 對應的瀏覽器界面會自動刷新; 

作者: NONO
出處:http://www.cnblogs.com/diligenceday/
企業網站:http://www.idrwl.com/
開源博客:http://www.github.com/sqqihao
QQ:287101329
微信:18101055830 

廈門點燃未來網絡科技有限公司, 是廈門最好的微信應用, 小程序, 微信網站, 公眾號開發公司


文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()