前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >sublime Text 3添加在浏览器中打开功能

sublime Text 3添加在浏览器中打开功能

作者头像
botkenni
发布2019-09-03 15:48:40
2.4K0
发布2019-09-03 15:48:40
举报
文章被收录于专栏:IT码农IT码农

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(视图->显示控制台`) 菜单,打开控制器窗口,然后粘贴以下代码到窗口中:

代码语言:javascript
复制
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,则使用以下代码:

代码语言:javascript
复制
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 中配置各浏览器快捷键。

代码语言:javascript
复制
{ "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 所用到的插件。

作者:GLGeek 链接:https://www.jianshu.com/p/686672aff949 來源:简书 简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

G

M

T

Detect languageAfrikaansAlbanianAmharicArabicArmenianAzerbaijaniBasqueBelarusianBengaliBosnianBulgarianCatalanCebuanoChichewaChinese (Simplified)Chinese (Traditional)CorsicanCroatianCzechDanishDutchEnglishEsperantoEstonianFilipinoFinnishFrenchFrisianGalicianGeorgianGermanGreekGujaratiHaitian CreoleHausaHawaiianHebrewHindiHmongHungarianIcelandicIgboIndonesianIrishItalianJapaneseJavaneseKannadaKazakhKhmerKoreanKurdishKyrgyzLaoLatinLatvianLithuanianLuxembourgishMacedonianMalagasyMalayMalayalamMalteseMaoriMarathiMongolianMyanmar (Burmese)NepaliNorwegianPashtoPersianPolishPortuguesePunjabiRomanianRussianSamoanScots GaelicSerbianSesothoShonaSindhiSinhalaSlovakSlovenianSomaliSpanishSundaneseSwahiliSwedishTajikTamilTeluguThaiTurkishUkrainianUrduUzbekVietnameseWelshXhosaYiddishYorubaZulu

AfrikaansAlbanianAmharicArabicArmenianAzerbaijaniBasqueBelarusianBengaliBosnianBulgarianCatalanCebuanoChichewaChinese (Simplified)Chinese (Traditional)CorsicanCroatianCzechDanishDutchEnglishEsperantoEstonianFilipinoFinnishFrenchFrisianGalicianGeorgianGermanGreekGujaratiHaitian CreoleHausaHawaiianHebrewHindiHmongHungarianIcelandicIgboIndonesianIrishItalianJapaneseJavaneseKannadaKazakhKhmerKoreanKurdishKyrgyzLaoLatinLatvianLithuanianLuxembourgishMacedonianMalagasyMalayMalayalamMalteseMaoriMarathiMongolianMyanmar (Burmese)NepaliNorwegianPashtoPersianPolishPortuguesePunjabiRomanianRussianSamoanScots GaelicSerbianSesothoShonaSindhiSinhalaSlovakSlovenianSomaliSpanishSundaneseSwahiliSwedishTajikTamilTeluguThaiTurkishUkrainianUrduUzbekVietnameseWelshXhosaYiddishYorubaZulu

Text-to-speech function is limited to 200 characters

Options : History : Feedback : Donate

Close

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 安装 Package Control 插件
  • 安装 View In Browser 插件
  • 移除插件
  • 总结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档