最后更新于:2020年5月12日 晚上

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

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

一、新建插件

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

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