配置在Chrome,Firefox中打开

安装 SideBarEnhancements

然后通过ctrl + k, ctrl + b打开侧边栏,在侧边栏的文件中右击,找到 open width -> edit applications

然后在这里边设置firefox打开的方式。

application : 路径要修改为自己默认安装的路径。
[
    {"id": "side-bar-files-open-with",
        "children":
        [
            //application firefox
            {
                "caption": "firefox",
                "id": "side-bar-files-open-with-firefox",

"command": "side_bar_files_open_with",
                "args": {
                            "paths": [],
                            "application": "D:\\Program Files\\Mozilla Firefox\\firefox.exe",
                            "extensions":".*" //any file with extension
                        }
            },

{"caption":"-"},
            {
                "caption": "chrome",
                "id": "side-bar-files-open-with-chrome",

"command": "side_bar_files_open_with",
                "args": {
                            "paths": [],
                            "application": "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe",
                            "extensions":".*" //any file with extension
                        }
            }
        ]
    }
]

配置在IE中打开

Key bindings -> User

[
     { "keys": ["ctrl+shift+c"], "command": "copy_path" },
     { "keys": ["alt+f12"], "command": "open_in_browser" },
     { "keys": ["f12"], "command": "side_bar_files_open_with",
             "args": {
                "paths": [],
                "application": "D:\\Program Files\\Mozilla Firefox\\firefox.exe",
                "extensions":".*" //any file with extension
            } },
    { "keys": ["ctrl+f12"], "command": "side_bar_files_open_with",
            "args": {
                "paths": [],
                "application": "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe",
                "extensions":".*" //any file with extension
            } 
     }     
    
]

如果是其它浏览器,可以 ctrl+shift+c 路径,然后直接在地址栏粘贴。

这样就可以用这三个键在浏览中预览页面了:

F12 : Firefox

alt + F12 : IE

ctrl + F12 : chrome

当然,你也可以配置,其它配置器用这样的方式预览。

转载于:https://www.cnblogs.com/wangluochong/p/5537478.html

在sublime-text中设置浏览器预览相关推荐

  1. Sublime Text 3 配置浏览器预览路径 localhost

    原文链接:http://jingyan.baidu.com/article/15622f2419ce79fdfcbea5ea.html 按步骤设置成功!感谢大侠! 以下是原文: Sublime Tex ...

  2. iPhone App创建与审核步骤二:如何在developer.apple.com网站中设置App预览和截屏以完成App上架

    iPhone App创建与审核步骤二:如何在developer.apple.com网站中设置App预览和截屏以完成App上架,根据图标规范RAD Studio 10.4 for delphi XE 或 ...

  3. 【Fortran】Sublime text 中设置Fortran语法常亮以及自动补全

    在Sublime text 中设置Fortran语法常亮以及自动补全: 利用 sublime 自带的 install package 安装的 fortran 以及Modern-fortran无法自动补 ...

  4. VScode下载安装、设置主题、中文、浏览器预览

    昨天开始学习VUE,第一次用Visual Studio Code,把软件的下载.安装.设置主题颜色.设置中文界面以及如何使网页用浏览器预览整理了一下. 一.VScode下载 1.百度搜VScode官网 ...

  5. layui列表显示缩略图_layui 表格中实现照片预览,点击查看原图

    人员表格中实现照片预览,并且可点击放大.查看原图 js //定义列 var cols = [ [{ type: 'radio', width: 60 }, { type: 'numbers', wid ...

  6. vs如何预览html页面,vscode如何用浏览器预览运行html文件

    1,打开vscode编辑器,点击编辑器主界面左上侧第五个小图标--'扩展'按钮: 2,进入扩展搜索右拉框,在应用商店搜索框中输入"view in browser"会自动进行搜索 3 ...

  7. sublime后缀_在sublime text中如何设置某种扩展名文件的默认语法

    下面由sublime教程栏目给大家介绍在sublime text中设置某种扩展名文件的默认语法,希望对需要的朋友有所帮助! 对于正常扩展名(后缀)的文件,sublime text都能识别. 对于其他不 ...

  8. Sublime Text 3 设置

    原文地址:Sublime Text 3 设置 博客地址:http://www.extlight.com 一.修改插件安装目录 为了有效和安全管理插件,在 Sublime Text 的安装目录中创建 D ...

  9. 微信小程序点击图片放大预览,新页面中全屏预览图片

    第一步:在wxml中定义image组件,并设置绑定事件. <image src="{{priceUrl}}" bindtap="imgClick"> ...

最新文章

  1. 开发环境搭建(1)——JDK安装
  2. imwrite()函数
  3. go语言中及格比较特殊的switch语法
  4. linux cpu 实际进程,linux – 找出高CPU占用率的apache进程实际上在做什么?
  5. 去除Activity的标题栏以及全屏显示
  6. 如何取消计算机阻止安装程序,Win10电脑安装软件提示“你必须取消阻止该发布者才能运行此软件”怎么办...
  7. 【转】3.3SharePoint服务器端对象模型 之 访问文件和文件夹(Part 3)
  8. MySQL8.0.11的安装和Navicat连接mysql
  9. 幂等校验是什么意思_什么是接口的幂等性,如何实现接口幂等性?一文搞定
  10. netty如何知道连接已经关闭,socket心跳,双工?异步?
  11. 关于write和read以及文件读写位置
  12. ESLint 与 Prettier使用
  13. 阿里云短信服务使用介绍
  14. python爬虫------从丁香园疫情首页提取世界各国的疫情数据
  15. Prim(各种功能)
  16. 高效工具之QUICKER
  17. 音频压缩编码技术(五)—ffmpeg命令方式生成AAC文件
  18. Python+turtle库
  19. 写给大四即将找工作的同学
  20. 一张图读懂前端演进史(1995 ~ 2019)

热门文章

  1. Adobe Flash Professional cc2015中文版
  2. 【工具类】页面静态化 --- Freemarker的使用
  3. 序列化类型 System.Data.Entity.DynamicProxies 的对象时检测到循环引用
  4. FileChannel与ByteBuffer的使用示例
  5. amazeui学习笔记--css(HTML元素4)--图片image
  6. 转!mysql 查询 distinct多个字段 注意!!
  7. Atitit.java相比c#.net的优点 优缺点  v2 q330
  8. 用python写的图形计算器
  9. 微软Java面试题-按照字母排序
  10. 记一次支付系统的设计体验