sublime text 配置 localhost 在浏览器显示

在编写代码时为了可以快速 ctrl+b 在浏览器里查看代码结果
可以进行如下配置

先配置快捷键 点击-->Preferences->Key Bindings->User 输入如下

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

`方法一: 点击工具栏上的 tool->Developer->newPlugin将里面的内容换成如下:

保存名称为 open_broswer.py 保存到Sublime\Sublime Text 3\Data\Packages\User里面

import sublime, sublime_plugin
import webbrowser

url_map = {
    'D:\\myweb\\' : '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)
                flag = True
                break
        if not flag:
            url = 'file://' + url
        webbrowser.open_new(url)

3.在侧边栏 右击 点project-> Editproject

• 如果侧边栏没有project这个选项就需要装一个侧边栏插件 好像是叫 SideBarEnhancements 这个

{
    "folders":
    [
      {
          "path":"D:\\myweb"//换成项目根目录
       }
    ]
}

4.在侧边栏 右击 点project-> Edit proview URLs

{
     "D:/myweb/":{

     "url_testing":"http : //localhost/",

      "url_production":"http ://www.xxx.com"

      }
}

"D:/myweb/" 请修改为你的项目地址
"url_testing" 是你本地的localhost地址
"url_production" 是项目线上地址 也可以直接指向项目地址
到这配置完成了 ..现在就可以快速ctrl+b打开你的项目啦 ~~~