進行web編碼的過程中，我們不厭其煩的進行 編碼，ctrl+s儲存，開啟瀏覽器，重新整理，就這樣迴圈復迴圈，當然這無疑反映了開發人員在這點上是個很有耐心的人，後來發現有一天手指要起繭了，如果你有隱隱的莫名疼痛，ok，想不想簡化步驟呢，或者能不能在儲存後就重新整理呢，省了不少事……

今天推薦一個Sublime Text 3的外掛，Browser Refresh，實現儲存後頁面重新整理的問題。

1. 既然是外掛，第一問題當然是下載了。

我們可以進行手動下載，也可以利用Package Control進行下載，在這裡利用Package Control下載，這可以方便你以後其他外掛的下載，相當於一個線上下載工具。 

2. Package Control安裝（已有的可跳過該步驟）

按ctrl + ·（或者選擇編輯器的選單欄 View——Show console），出現可輸入文字的框，如圖

輸入程式碼

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
 

3. Browser Refresh外掛安裝

選擇 ctrl+shift+p（或者編輯器的選單欄Tools —— Command Palette），輸入Browser Refresh，

點選，則進行安裝，我們可以看到左下角會出現正在安裝的文字：

安裝完成後，出現如下頁面：

此時，browser refresh外掛已安裝完成

PS：此時預設的是ctrl+shift+r 是預設的重新整理，即在sublime text 3 編碼完成後，點選儲存，再點選ctrl+shift +r，可以看到瀏覽器頁面的重新整理；

但作為我來說，當然是希望ctrl+s

[
    {
        "keys": ["ctrl+s"], "command": "browser_refresh", "args": {
            "auto_save": true,
            "delay": 0.0,
            "activate": true,
            "browsers" : ["chrome"]
        }
    }
]

參考文章：

http://www.imjeff.cn/blog/62/

http://9iphp.com/web/html/sublime-text-refresh-browser.html