[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.2htdocs' : '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:xxSublime TextDataPackagesUser.

其次，设置预览快捷键，点菜单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/