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，固然快捷鍵能夠自行修改，若是須要添加其餘瀏覽器，只需再增長一條便可。