今天做一個(gè)活動(dòng)頁(yè)面曼库，普通的切圖再添加點(diǎn)js效果之類(lèi)的頁(yè)面。來(lái)來(lái)回回地切窗口略板，然后將編輯器與瀏覽器毁枯，左一半，右一半放在windows窗口上叮称。但調(diào)整樣式的時(shí)候發(fā)現(xiàn)還是得不停地點(diǎn)一下瀏覽器F5一下种玛。不甚其煩！瓤檐！
我知道有許多的工具可以做到瀏覽器的自動(dòng)刷新赂韵，不過(guò)都比較懶去得去做配置，另外我個(gè)人也非常討厭在項(xiàng)目中添加一些輔助工具而產(chǎn)生多余的文件距帅，比如現(xiàn)在做的一個(gè)活動(dòng)頁(yè)：
|-- active
|-- index.html
|-- css/index.css
|-- js/index.js
|-- img/*.png
就這么一個(gè)80%都是純靜態(tài)的頁(yè)面右锨，最多就一個(gè)提交之類(lèi)的交互，而且是通過(guò)ajax進(jìn)行交互的碌秸。通過(guò)利用一些構(gòu)建項(xiàng)目的工具如gulp、webpack-dev-server可以達(dá)到自動(dòng)刷新悄窃。但是讥电，本身就簡(jiǎn)單的目錄加了許多輔助的文件，感覺(jué)項(xiàng)目就** “重” **了起來(lái)了轧抗。
百度了一下恩敌，找了一些合適的工具，可以讓你的目錄干凈無(wú)污染横媚。
F5免刷新工具
使用F5工具纠炮，不需要什么復(fù)雜的步驟，直接到官網(wǎng)上找到軟件灯蝴，下載安裝之后恢口，將你的項(xiàng)目目錄拖進(jìn)去，然后在目錄中點(diǎn)開(kāi)你的index.html文件則可以實(shí)現(xiàn)自動(dòng)刷新穷躁。
此F5工具有時(shí)可能不太靈耕肩，工作久時(shí)有可能不會(huì)自動(dòng)刷新，你得關(guān)掉頁(yè)面问潭，再工具里面去點(diǎn)開(kāi)index.html文件猿诸。
工具的下載與安裝方法：F5
使用sublime的LiveReload插件
如果你使用sublime工具，可以使用LiveReload插件實(shí)現(xiàn)瀏覽器自動(dòng)刷新狡忙。
** step1. **
如果你使用chrome瀏覽器梳虽，你可能得使用vpn安裝瀏覽器插件擴(kuò)展LiveReload，如果是火狐瀏覽器灾茁，在右上角的打開(kāi)菜單項(xiàng)-開(kāi)發(fā)者-獲取更多工具中窜觉，搜索LiveReload谷炸，點(diǎn)添加到Firefox就OK。
安裝完成之后竖螃，在瀏覽器的工具欄中會(huì)顯示一個(gè)livereload的圖標(biāo)淑廊，表示已經(jīng)安裝完成。
** step2. **
安裝sublime插件LiveReload: ctrl + shift + p特咆，輸入install package季惩，再輸入LiveReload，安裝完成腻格。
有時(shí)画拾，安裝不成功，可以直接下載包再手動(dòng)安裝菜职，先去github上下載源代碼ST3-LiveReload青抛，解壓包文件到
\Sublime Text 3\Data\Packages對(duì)應(yīng)的目錄中即可。
** step3. **
重啟瀏覽器與sublime text酬核，Preference > Package Settings > LiveReload > Settings User添加配置：
{
"enabled_plugins": [
"SimpleReloadPlugin",
"SimpleRefresh"
]
}
直接在瀏覽器中打開(kāi)index.html文件蜜另，在sulblime中選中Preference > Package Settings > LiveReload > plugins > Enable/disable plugins。
或者也可以這樣：ctrl + shift + p嫡意，輸入LiveReload: Enable/disable plugins
在瀏覽器中举瑰，點(diǎn)擊那個(gè)圓形圖標(biāo)，空心圓變成實(shí)心圓啦蔬螟！大功靠成此迅，解放雙手，可以開(kāi)心地coding啦旧巾！
