LiveReload配置,安裝使用方法~~~前端頁面神助手

1、Chrome端安裝LiveReload插件css

一、首先這裏囉嗦一下,若是Chrome沒法進入商店,能夠先安裝一下谷歌商店助手
這裏寫圖片描述瀏覽器

谷歌商店插件地址 http://pan.baidu.com/s/1dF1ROjf 提取碼:7bbh.net

打開谷歌瀏覽器擴展程序

將下載好的crx文件拖到擴展程序便可,確認添加插件

將下載好的crx文件拖到擴展程序便可


二、看完了上面的哆嗦,原本可以打開谷歌應用商店的小夥伴們是否是已經不耐煩了呢,如今進入正題
—》點擊獲取更多擴展程序,進入谷歌應用商店頁面搜索LiveReload,點擊添加至Chrome
這裏寫圖片描述
這裏寫圖片描述
如今看一下瀏覽器右上角,LiveReload是否是已經出現了呢~~~
到此瀏覽器端準備完畢3d


2、讓咱們進入sublime Text3
按下Ctrl + Shift + p 輸入install 選擇如圖 按下回車
這裏寫圖片描述
在彈出窗中輸入 LiveReload 按下回車 等待安裝
安裝完成後,點擊preferences找到如圖位置,輸入下面代碼並保存,重啓sublime
"{
enabled_plugins" : ["SimpleReloadPlugin","SimpleRefresh"]
}
code

這裏寫圖片描述
這裏寫圖片描述

3、到此,全部安裝已經完成。下面說一下使用的方法:
頁面打開後,先點擊LiveReload圖標,使得圖標變爲實心。
那麼神奇的事情發生了,你代碼改動完後保存(Ctrl + S),頁面自動刷新。
注:css js代碼一樣適用
這裏寫圖片描述blog

--------------------- 做者:好好大東 來源:CSDN 原文:https://blog.csdn.net/haohaodadong/article/details/72639889?utm_source=copy 版權聲明:本文爲博主原創文章,轉載請附上博文連接!圖片

相關文章
相關標籤/搜索