使用Sublime Text2進行前端代碼編程，我們需要使用瀏覽器對代碼進行預覽，此時我們需要對Sublime Text2進行一下配置

步驟很簡單，僅僅需要以下幾步：

1、打開sublime后點擊菜單中的Tools——>New plugin…

操作如圖：

打開后會出現如圖所示的框：

2、將上面的代碼全部刪除，然后寫入以下代碼：

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)

如圖所示：

【如果要直接使用如果要指定用什么瀏覽器預覽，也可以將最后一行代碼

webbrowser.open_new(url)

改成：

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

當然我使用的是Firefox瀏覽器打開，你可以根據自己的喜好選擇自己喜歡的瀏覽器對其進行預覽?！?/b>

即如下圖：

將文件保存在Packages/User目錄中（一般情況下默認的保存目錄就是Packages/User），文件名可以隨便，例如：openbrowse.py

3、為剛才的插件分配快捷鍵，點菜單Tools -> Command Palette...

操作如下：

在空白處輸入：key Bindings - User，打開如下圖：

我們可以將其中的內容進行編輯，編輯為以下內容：

[

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

]

然后使用快捷鍵"ctrl+alt+shift+b"就可以打開在瀏覽器中打開了。