在sublime text2 中开发前端，设置调用浏览器预览

sublime text2是时下非常流行文本编辑工具， 虽然其规模很小， 但起可以通过编写python脚本对功能进行扩展， 十分强大。

下面记录一个简单的调用浏览器快速对代码效果进行预览的手段。

1、新建插件

首先先建一个插件， tools -> new plugin， 编写一段简单/的python脚本，代码如下：

import sublime, sublime_pluginimport webbrowserclass ViewBrowserCommand(sublime_plugin.TextCommand):   def run(self,edit):      url = self.view.file_name()      webbrowser.open_new(url)

， 任意命名， 保存在package/user 目录下。我将其保存为view_in_browser.py。 class后面的类名， 除去Command，之前的部分即为命令名，在设置快捷键的时候会用到。需要注意的是，如果采用驼峰命名法， 则在设置快捷键时单词用下划线隔开。 本例中ViewBrowser， 改写为view_browser, 见下一小节设置快捷键。

2、设置快捷键

preferences -> key bindings - user， 设置内容如下：

3、测试

打开html文件如图：

， 键入快捷键 ctrl + 1， 调用默认浏览器打开网页：

设置成功， 更多参考见http://www.sublimetext.com/forum/viewtopic.php?f=2&t=3851。

4、吐槽

设置命令成功之后手残， 去package/user目录下删掉了刚刚新建的插件，即py文件及其编译的同名pyc文件， 导致关闭之后sublime text 2无法打开， 重新安装都不行， 最后是用杀毒软件粉碎了AppData/Roaming/sublime text 2文件及其中所有数据才可以， 折腾了挺久。