让Sublime Text支持浏览器中预览

原文链接:https://imququ.com/post/view-sublime-text-2-file-in-browser.html

此方法是用 python 来新建一个插件。原文是在 Sublime Text2 版本下,在 ST3 下仍然可用。

一、新建插件

点击菜单Tools -> Developer -> New Plugin,在创建好的 py 文件输入下列内容:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
import sublime, sublime_plugin
import webbrowser

url_map = {
'D:\\wamp\\www\\' : 'http://localhost/',
}

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)

代码只有几行,大部分还是参考的这个帖子

将文件保存到 Packages/User 目录(Packages 可通过菜单里的 Browse Packages…打开),文件名随意,如 open_browser.py。插件部分完工了。

二、为新插件设置快捷键

选择 Preferences -> key Bindings-User 打开个人快捷键配置,输入下列内容:

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

ok!这样就完成了,可以测试下了。
打开一个html或php文件,ctrl+b试试,没意外的话文件会在默认浏览器打开了。url_map 里配置的站点目录会映射到URL(这里为localhost)。

PS:如果要用指定浏览器预览,也可以将最后一行代码改成这样:

webbrowser.get(<span class="hljs-string">'safari'</span>).open_new(url)

webbrowser具体支持 get 哪些浏览器,可以通过webbrowser_browsers查看。

另外:安装扩展包也能实现,只是稍微复杂点,但功能更丰富。
主要是这两个包:Side​Bar​Enhancements、View In Browser

0%
Title - Artist
0:00