使用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浏览器打开,你可以根据自己的喜好选择自己喜欢的浏览器对其进行预览。】
即如下图:
将文件保存在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"就可以打开在浏览器中打开了。