使用Sublime Text2進(jìn)行前端代碼編程妈橄,我們需要使用瀏覽器對(duì)代碼進(jìn)行預(yù)覽眷蚓,此時(shí)我們需要對(duì)Sublime Text2進(jìn)行一下配置
步驟很簡(jiǎn)單,僅僅需要以下幾步:
1普舆、打開(kāi)sublime后點(diǎn)擊菜單中的Tools——>New plugin…
操作如圖:
打開(kāi)后會(huì)出現(xiàn)如圖所示的框:
2沼侣、將上面的代碼全部刪除歉秫,然后寫(xiě)入以下代碼:
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)
如圖所示:
【如果要直接使用如果要指定用什么瀏覽器預(yù)覽雁芙,也可以將最后一行代碼
webbrowser.open_new(url)
改成:
webbrowser.get('firefox').open_new(url)
當(dāng)然我使用的是Firefox瀏覽器打開(kāi)兔甘,你可以根據(jù)自己的喜好選擇自己喜歡的瀏覽器對(duì)其進(jìn)行預(yù)覽洞焙≡璺耍】
即如下圖:
將文件保存在Packages/User目錄中(一般情況下默認(rèn)的保存目錄就是Packages/User)疑苔,文件名可以隨便惦费,例如:openbrowse.py
3薪贫、為剛才的插件分配快捷鍵篮绰,點(diǎn)菜單Tools -> Command Palette...
操作如下:
在空白處輸入:key Bindings - User,打開(kāi)如下圖:
我們可以將其中的內(nèi)容進(jìn)行編輯吠各,編輯為以下內(nèi)容:
[
{ "keys": ["ctrl+alt+shift+b"], "command": "open_browser"}
]
然后使用快捷鍵"ctrl+alt+shift+b"就可以打開(kāi)在瀏覽器中打開(kāi)了。