sublime3安裝liveload,實現前端自動F5刷新html界面


  這兩天倒騰編輯器,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 

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM