提醒：本文最後更新於 2517 天前，文中所描述的資訊可能已發生改變，請謹慎使用。

從Editplus轉到Sublime Text2的同學，不知道有沒覺得它少了個很有用的功能：view in browser（ctrl+b）。平時寫點小demo時，那種一秒鐘切瀏覽器看下效果，一秒後再切回來改下程式碼的爽快感，是我堅守Editplus多年的一大重要原因。

Editplus提供的ctrl+b功能，好用的原因有二：一是內建了webbrowser，切換時不用離開編輯器；二是對於本地除錯的web站點，配置規則後自動將編輯的檔案對映為URL來預覽，這對預覽php等服務端檔案非常有用。Mac下的Coda，也有類似的預覽功能，但我一直用不習慣它，暫不考慮。

Sublime Text2支援用Python編寫外掛，我很想自己動手解決這個問題，但估計短期內我沒可能研究出如何建立webbrowser嵌進ST2裡，於是打算偷點懶，直接調系統預設瀏覽器預覽。下面是我研究出來的詳細步驟（想直接使用外掛的同學請直接看最後）：

一、點選選單Tools -> New Plugin...，在建立好的py檔案輸入下列內容：

import sublime, sublime_plugin
import webbrowser

url_map = {
    '/Users/jerry/Sites/test/' : 'http://test/',
}

class OpenBrowserCommand
 
(sublime_plugin.TextCommand):
    def run(self,edit):
        window = sublime.active_window()
        window.run_command('save')
        url = self.view.file_name()
        flag = False
        for path, domain in url_map.items():
            if url.startswith(path):
                url = url.replace(path, domain).replace('\\'
 
, '\/')
                flag = True
                break
        if not flag:
            url = 'file://' + url
        webbrowser.open_new(url)

程式碼只有幾行，大部分還是參考的這個帖子，相信大家一眼就能看明白，不解釋了。

將檔案儲存到Packages/User目錄（Packages可通過選單裡的Browser Packages...開啟），檔名隨意，如open_browser.py。外掛部分完工了。

二、接下來，為剛才的外掛分配快捷鍵。點選單Tools -> Command Palette...，或者shift+cmd+p，開啟命令集，選擇“key Bindings - User”打開個人快捷鍵配置，輸入下列內容：

[{ "keys": ["ctrl+shift+b"], "command": "open_browser" }]

這就是要做的全部工作，可以測試下了。開啟一個html檔案，ctrl+shift+b試試，沒意外的話檔案會在預設瀏覽器打開了。url_map裡配置的站點目錄到URL的對映應該也是可用的。

PS：如果要指定用什麼瀏覽器預覽，也可以將最後一行程式碼改成這樣：

webbrowser.get('safari').open_new(url)

webbrowser具體支援get哪些瀏覽器，可以通過webbrowser._browsers檢視。只是，ST2預設使用的是python2.6，在我的mac os下，python2.6找不到任何可用的瀏覽器。2.7的webbrowser.py裡多了一段patch，可以找到firefox和safari。好在，對我來說，能在預設瀏覽器預覽已經夠用了。

先寫到這裡，如果我哪天找到了更好的方法，再來補充。

update @ 2013-06-30：今天sublime text3開始了beta公測，st3使用的是python3。經測試，本文程式碼依然可用，只是如果url不是http協議，需要加上file://，正文裡程式碼已更新。

--EOF--

提醒：本文最後更新於 2517 天前，文中所描述的資訊可能已發生改變，請謹慎使用。