sublime 浏览器预览

转载 2013年12月02日 11:36:31

转自http://www.imququ.com/post/view-sublime-text-2-file-in-browser.html

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

复制代码
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)
复制代码

代码只有几行,大部分还是参考的这个帖子,相信大家一眼就能看明白,不解释了。

将文件保存到Packages/User目录(Packages可通过菜单里的Browser Packages...打开),文件名随意,如open_browser.py。

url_map里配置的站点目录到URL的映射应该也是可用的。

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

webbrowser.get('safari').open_new(url)

webbrowser具体支持get哪些浏览器,可以通过webbrowser._browsers查看。只是,ST2默认使用的是python2.6,在我的mac os下,python2.6找不到任何可用的浏览器。2.7的webbrowser.py里多了一段patch,可以找到firefox和safari。好在,对我来说,能在默认浏览器预览已经够用了。

2、为刚才的插件分配快捷键。点菜单Tools -> Command Palette...,或者shift+cmd+p,打开命令集,选择“key Bindings - User”打开个人快捷键配置,输入下列内容:

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

 

让sublime可以在浏览器中预览

使用Sublime Text2进行前端代码编程,我们需要使用浏览器对代码进行预览,此时我们需要对Sublime Text2进行一下配置 步骤很简单,仅仅需要以下几步: 1、打开sublim...

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

sublime text2是时下非常流行文本编辑工具, 虽然其规模很小, 但起可以通过编写python脚本对功能进行扩展, 十分强大。 下面记录一个简单的调用浏览器快速对代码效果进行预览的手段。 1、...

sublime必备:less2css,sass2css,开启服务器,浏览器预览,px2rem,etc...

大致快5月份开始用sublime , 因为上面的讲师说,北上广大多用的都是sublime,其实之前用的是hbuilder,既然上面有需求,所以就花了半天时间学了一下,发现挺好用,也把这些研发到了当时的...

sublime text2-text3 定义的不同浏览器的预览快捷键

sublime text3 自己定义的不同浏览器的预览快捷键突然全部失效了,搞到现在一直没闹清楚怎么回事,翻看插件发现SideBarEnhancements这插件刚更新了,快捷键也是依赖这个插件弄得。...

[转载]让Sublime Text2支持浏览器中预览

从Editplus转到Sublime Text2的同学,不知道有没觉得它少了个很有用的功能:view in browser(ctrl+b)。平时写点小demo时,那种一秒钟切浏览器看下效果,一秒后再切...

Sublime Text 3 配置浏览器预览路径 localhost

在 Sublime Text 3 中,安装 SideBarEnhancements 侧边栏增强插件。 SideBarEnhancements 插件安装完成后,首先为 SideBarEnha...

在浏览器中打开预览sublime text当前所编辑文件的方法和快捷键设置

配置在Chrome,Firefox中打开 安装 SideBarEnhancements 然后通过ctrl + k, ctrl + b打开侧边栏,在侧边栏的文件中右击,找到 open wid...

在sublime-text中设置浏览器预览

配置在Chrome,Firefox中打开 安装 SideBarEnhancements 然后通过ctrl + k, ctrl + b打开侧边栏,在侧边栏的文件中右击,找到 open width...

sublime text2增加浏览器预览(转载)

从Editplus转到Sublime Text2的同学,不知道有没觉得它少了个很有用的功能:view in browser(ctrl+b)。平时写点小demo时,那种一秒钟切浏览器看下效果,一秒后再切...

Sublime Text 3 使用MarkDown编写带预览的文本

看到别人使用一个叫Markdown的标记语言来完成编码,心里就有点小激动,毕竟简短的几个符号,就可以写出如此精美的界面,实在是让人感到心旷神怡啊。于是我就在网上搜索了一些相关项的设置,于是便有了下面的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:sublime 浏览器预览
举报原因:
原因补充:

(最多只允许输入30个字)