SublimeText3 链接浏览器

设置sublime text2/3支持浏览器预览

    sublime做为一款小而美的编辑器相信不少FE都在使用，然而美中不足的就是sublime没有自带浏览器预览功能，wbond上也没有发现比较好用的预览插件。也有网友提供了一些解决方案，可是大部分都只实现了快捷键调用默认浏览器中预览的功能，可是做为FE，须要在多个浏览器下测试兼容性，频繁的手动打开浏览器势必会下降工做效率。这里介绍一种利用SideBarEnhancements插件来实现多浏览器下预览的功能。ps: sublime text2/3测试均可以用。

  1. 安装SideBarEnhancements插件

      ctrl+shift+p —> Install Package —> 找到SideBarEnhancements

           17:49:072014-10-27

                          

     2. 配置预览快捷键

     Preferences —> Key Bindings - User 将如下代码复制到数组中。

// chrome { "keys": ["f2"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe", "extensions":".*" } }, // firefox { "keys": ["f3"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "D:/Program Files (x86)/Mozilla Firefox/firefox.exe", "extensions":".*" } }, // ie { "keys": ["f4"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:/Program Files/Internet Explorer/iexplore.exe", "extensions":".*" } } 

上面的代码中有两处须要注意的地方，一个是keys表示快捷键，即f2能够启动chrome进行预览。另外一个是application，表示浏览器所在的安装路径，只有路径配置正确，才可以正常调用浏览器。

这里列出了chrome, firefox, ie的配置，快捷键分别为f2, f3, f4，固然快捷键能够自行修改，若是须要添加其余浏览器，只需再增长一条便可。