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 所用到的插件。

猜你喜欢

转载自blog.csdn.net/Rainy_X/article/details/80076347