1. 程式人生 > >Sublime Text 3新增在瀏覽器中開啟功能

Sublime Text 3新增在瀏覽器中開啟功能

Sublime Text 3 編寫的 HTML 檔案如何在瀏覽器中開啟?可以在 HTML 檔案中右鍵點選

Open in Browser 選項,這種方式經常出現網頁打不開的情況。例如路徑不允許出現中文;莫名其妙開啟 Firefox 瀏覽器等。這裡介紹使用 View In Browser 外掛來實現 HTML 檔案在瀏覽器中開啟的功能。

安裝 Package Control 外掛

Package Control 外掛可以方便我們查詢、安裝、更新和刪除 Sublime Text 使用到的外掛。安裝 Package Control 有兩種方式:自動安裝和手動安裝。

自動安裝

自動安裝需要通過 Sublime Text 的控制檯,使用 Ctrl + \ 快捷鍵或者View->Show Console(檢視->顯示控制檯`) 選單,開啟控制器視窗,然後貼上以下程式碼到視窗中:

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/'
+ pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

如果是 Sublime Text 2,則使用以下程式碼:

import urllib2,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f'
+ '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
手動安裝
  1. 開啟 Sublime 選單欄的 Sublime Text > Preferences(偏好設定) > Browse Packages…(瀏覽包...) 選單,在當前目錄下找到 Installed Packages(已匯入的包) 目錄。
  2. 下載 Package Control.sublime-package 然後拷貝到Installed Packages目錄。
  3. 重啟 Sublime Text。

安裝 View In Browser 外掛

Package Control 安裝完成後,在 Sublime Text 選單的 Preferences (偏好設定) 選單裡面,可以看到 Package Control 選單項,點選選單或者使用 command + shift + p 快捷鍵啟動 Package Control 。

外掛管理工具 Package Control

在開啟的視窗中,輸入 pci,選擇 Package Control: Install Package 選項,稍後在彈出的視窗中輸入 View In Browser,點選安裝 View In Browser 外掛。

View In Browser 外掛

安裝完成後,使用預設的快捷鍵:
Firefox瀏覽器: Ctrl + Alt + f
Chrome瀏覽器: Ctrl + Alt + c
IE瀏覽器: Ctrl + Alt + i
Safari瀏覽器: Ctrl + Alt + s
如果想要自定義快捷鍵的話,可以在 Keybindings 中配置各瀏覽器快捷鍵。

{ "keys": [ "ctrl+alt+v" ], "command": "view_in_browser" },
{ "keys": [ "f5" ], "command": "view_in_browser", "args": { "browser": "firefox" } },
{ "keys": [ "f3" ], "command": "view_in_browser", "args": { "browser": "chrome" } },
{ "keys": [ "ctrl+alt+i" ], "command": "view_in_browser", "args": { "browser": "iexplore" } },
{ "keys": [ "f4" ], "command": "view_in_browser", "args": { "browser": "safari" } }

移除外掛

通過 Package Control 還可以已經安裝的外掛,使用 command + shift + p 調出外掛管理視窗,輸入 pcr,選擇 Package Control: Remove Package 選項,在隨後的視窗中選擇想要移除的外掛就可以移除了。

Package Control 移除外掛 選擇要移除的外掛

總結

通過安裝 Package Control 外掛管理工具,可以方便的管理 Sublime Text 所用到的外掛。