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

Sublime Text 3添加在浏览器中打开功能相关推荐

  1. 微信阅读原文直接打开浏览器_微信打开网址添加在浏览器中打开提示

    使用 http://mp.weixin.qq.com/mp/redirect?url=http://caibaojian.com/test.apk#weixin.qq.com#wechat_redir ...

  2. sublime text3设置快捷键在浏览器中打开

    Sublime Text3自带在浏览器中打开的功能,不需要另外安装插件 右键就可以选择open in browser. 为了方便,设置快捷键来使用这个功能: Preferences---->Ke ...

  3. 微信打开网址添加在浏览器中打开提示遮罩

    原文链接:http://caibaojian.com/weixin-tip.html 使用微信打开网址时,无法在微信内打开常用下载软件,手机APP等.网上流传的各种微信打开下载链接,微信已更新基本失效 ...

  4. 微信打开网址添加在浏览器中打开提示

    使用微信打开网址时,无法在微信内打开常用下载软件,手机APP等.网上流传的各种微信打开下载链接,微信已更新基本失效,最新的一个是使用链接跳转方式: http://mp.weixin.qq.com/mp ...

  5. 微信网址打开php,微信打开网址添加在浏览器中打开提示

    http://caibaojian.com/weixin-tip.html 使用 http://mp.weixin.qq.com/mp/redirect?url=http://caibaojian.c ...

  6. 微信打开网址添加在浏览器中打开提示 http://caibaojian.com/weixin-tip.html

    原文链接:http://caibaojian.com/weixin-tip.html#t2 使用微信打开网址时,无法在微信内打开常用下载软件,手机APP等.网上流传的各种微信打开下载链接,微信已更新基 ...

  7. Sublime Text 设置在标签页中打开文件

    按组合键 Command + , 打开配置文件,如下图所示,左边的是系统配置文件,里面都是默认的配置内容,你无法修改,但是你可以复制到右边的用户级别的配置文件中. Sublime Text 默认打开一 ...

  8. 微信扫码提示在浏览器中打开的遮罩代码

    由于微信的限制,应用文件在内置浏览器中下载全部被屏蔽掉,造成很多人用微信扫描二维码下载时点击下载按钮没反应,我想到的是做一个提示用户在浏览器中打开下载. 之前写过的两篇文章:微信打开网址添加在浏览器中 ...

  9. vfp中treeview右键菜单_用卓语言程序把Sublime Text 3添加到和删除出右键菜单

    用卓语言程序把Sublime Text 3添加到和删除出右键菜单 Sublime Text 是一款跨平台代码编辑器(Code Editor)软件.Sublime Text 3既可以编写代码还可以编辑文 ...

最新文章

  1. html使用highcharts绘制饼图,html js highcharts绘制圆饼图表
  2. diy 扫地机器人 滚刷_不想动手倒垃圾?自集尘扫地机器人彻底解放你的双手!...
  3. Python会干掉Java, 一统天下?
  4. [vue] vue生命周期的作用是什么?
  5. linux的基础知识——协议和网络应用程序设计模式
  6. Aprior算法简化算法——FP-Tree思想与实现
  7. maven使用中央仓库没有的jar包001---Maven自定义上传第三方包到3rd party(第三方无依赖jar和本地扩展类加入maven统一管理)
  8. 【Acm】算法之美—Fire Net
  9. python 3 json 序列化
  10. AngularJS Directive 学习笔记
  11. 【图像隐写】基于matlab GUI DCT数字水印嵌入与提取【含Matlab源码 1323期】
  12. DoTween动画系统
  13. 一句口诀记住 OSI七层协议模型
  14. jbutton java_Java JButton
  15. python sort sorted_Python sort和sorted
  16. 栈这种数据结构,不就后进先出?
  17. 【Word】公式“大括号”中的内容对齐
  18. Mac上使用docker环境进行C++开发的实践
  19. Jenkins配置Coding Webhook
  20. python爱好者社区公众号历史文章合集_精心整理 |人工智能爱好者社区历史文章合集(作者篇)...

热门文章

  1. access订单明细表怎么做_Excel销售订单明细表
  2. SecureCRT复制粘贴快捷键
  3. 先进半导体材料与器件Chapter5
  4. 23.3.10补卡 Codeforces Round 857 (Div. 2) A~D
  5. 看完几十篇“解决remains in conflict报错”的文章后,我决定重新导入项目!(IDEA·SVN)
  6. 亚马逊研究奖获奖名单公布:邢波、杨笛一等多位华人入选
  7. 使用JavaScript创建智能表单
  8. javascript练习20:长度单位换算(计算精度待解决版)
  9. 【dockerregistry】关于docker login的镜像仓库登录凭证
  10. 污染源在线监控数采仪