天天看點

[sublime-text2]review-in-browser

相較于Editpius,Sublime有其高妙精巧之處,好處我不誇了太多,缺點我也找不出,今隻為友善在浏覽器中測試正在編寫的HTML或PHP等一些簡單腳本,做出一點分享。成果來自許多有才之士,我隻是針對自己的實際情況予以改進。如下:

我們的目的是自己制作插件,實作在浏覽器預覽測試。

首先,在Sublime的主菜單Tools---->New Plugin,複制如下代碼,

1 import sublime, sublime_plugin
 2 import webbrowser
 3  
 4 url_map = {
 5     \'D:\\wamp\\server\\Apache2.2\htdocs\' : \'http://localhost\',
    #上述目錄是本機配置PHP開發環境的路徑,故此處路徑據實際情況填寫。
 6 }
 7  
 8   class OpenBrowserCommand(sublime_plugin.TextCommand):
 9     def run(self,edit):
10         window = sublime.active_window()
11         window.run_command(\'save\')
12         url = self.view.file_name()
13         flag = False
14         for path, domain in url_map.items():
15             if url.startswith(path):
16                 url = url.replace(path, domain)
17                 flag = True
18                 break
19         if not flag:
20             url = \'file://\' + url
21         webbrowser.open_new(url)
      #此處指用計算機預設浏覽器打開預覽。      

而後以 open_broswer.py 命名儲存至Sublime安裝目錄,x:\xx\Sublime Text\Data\Packages\User.

其次,設定預覽快捷鍵,點菜單Tools -> Command Palette...,或者shift+Ctrl+p,打開指令集,選擇“key Bindings - User”打開個人快捷鍵配置,輸入下列内容:

[{ "keys": ["Ctrl+b"], "command": "open_browser" }]
#我自己設定的快捷鍵是Ctrl+b,後面的指令即上文自定義的那個插件的檔案名。      

儲存後用 Sublime Text2 打開一個html檔案,然後快捷鍵就可以看到效果了。

參考文章:

http://blog.xavierskip.com/2012-06-04-sublime-text2-review-in-browser/