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 所用到的外掛。