使用Sublime Text2進行前端代碼編程,我們需要使用瀏覽器對代碼進行預覽,此時我們需要對Sublime Text2進行一下配置
步驟很簡單,僅僅需要以下幾步:
1、打開sublime后點擊菜單中的Tools——>New plugin…
操作如圖:
打開后會出現如圖所示的框:
2、將上面的代碼全部刪除,然后寫入以下代碼:
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)
如圖所示:
【如果要直接使用如果要指定用什么瀏覽器預覽,也可以將最后一行代碼
webbrowser.open_new(url)
改成:
webbrowser.get('firefox').open_new(url)
當然我使用的是Firefox瀏覽器打開,你可以根據自己的喜好選擇自己喜歡的瀏覽器對其進行預覽。】
即如下圖:
將文件保存在Packages/User目錄中(一般情況下默認的保存目錄就是Packages/User),文件名可以隨便,例如:openbrowse.py
3、為剛才的插件分配快捷鍵,點菜單Tools -> Command Palette...
操作如下:
在空白處輸入:key Bindings - User,打開如下圖:
我們可以將其中的內容進行編輯,編輯為以下內容:
[
{ "keys": ["ctrl+alt+shift+b"], "command": "open_browser"}
]
然后使用快捷鍵"ctrl+alt+shift+b"就可以打開在瀏覽器中打開了。