在sublime-text中设置浏览器预览

配置在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

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

时间: 2024-10-07 23:42:03

在sublime-text中设置浏览器预览的相关文章

如何在sublime text 中设置快捷键 运行浏览器

关于sublime text ,Windows下有默认浏览器的设置,都可以在命令行中用"explorer.exe"调用,本人实以chrome为例 STEP 1 <img src=\'#\'" //pic4.zhimg.com/fbdc65d864120961ffffab1f33065bff_b.jpg" data-rawwidth="795&

sublime text 3设置浏览器快捷键

一.设置默认浏览器 1,打开sublime 依次选择 tools > build system > new build system... 2,选择你喜欢的浏览器,右键 > 属性 把"目标"里的路径复制下来 3,如图把代码里的路径替换成你刚才复制的路径  { "cmd": ["C:/Program Files (x86)/Mozilla Firefox/firefox.exe","$file"],"

sublime-text3设置浏览器预览html

选择:Tools - Build System - New Build Syatem... 或者:工具 - 编译系统 - 新编译系统 然后粘贴代码 { "cmd": ["chrome", "${file}"], "working_dir": "${file_path}", "shell":true, "variants": [ { "name":

sublime text3如何在浏览器预览?

插件: view-in-browser CTRL + ALT + V 打开浏览器 默认打开firefox,settings里面可修改. Sublime Text - View In Browser View In Browser is a Sublime Text plugin that will open whatever is in your current view/tab. If the file current open is new and has not been saved a

sublime Text3 设置多个浏览器预览

使用sublime时由于经常要在ie chrome firefox等浏览器中预览,所以很有必要设置多个浏览器预览 步骤: (1)安装SideBarEnhancements插件(用sublime的应该都知道) (2)安装好以后点击工具栏的     preferences > package setting > side bar > Key Building-User键入以下代码 [ { "keys": ["f1"], "command&qu

sublime如何设置支持浏览器预览

我用的text3版,其他版本未试,但应该也有效. 安了个view in browser插件,然而点击预览未起作用. 搜解决方法,发现了另一个插件,sidebar enhancements,设置快捷键预览,非常方便,安装设置方法如下: preferences/pacage control/install pacage/sidebar……ts/,安装完毕: preferences/keybindings user,打开: 在数组框[]中,加入: [ // chrome{ "keys": [

IIS中遇到无法预览的问题(HTTP 错误 401.3 - Unauthorized 由于 Web 服务器上此资源的访问控制列表(ACL)配置或加密设置,您无权查看此目录或页面。)

在IIS中  依次执行如下操作: 网站--编辑权限--共享(为了方便可以直接将分享对象设置为everyone)--安全(直接勾选 everyone )--应用--确定. IIS中遇到无法预览的问题(HTTP 错误 401.3 - Unauthorized 由于 Web 服务器上此资源的访问控制列表(ACL)配置或加密设置,您无权查看此目录或页面.)

Asp.net实现直接在浏览器预览Word、Excel、PDF、Txt文件(附源码)

http://www.cnblogs.com/gossip/p/3473024.html Asp.net实现直接在浏览器预览Word.Excel.PDF.Txt文件(附源码) 功能说明 输入文件路径,在浏览器输出文件预览信息,经测试360极速(Chrome).IE9/10.Firefox通过 分类文件及代码说明  DemoFiles 存放可测试文件 Default.aspx  启动页 ExcelPreview.cs  Excel预览类 public static void Priview(Sys

Atom编辑器折腾记_(5)记住上一次打开的目录及浏览器预览功能实现

简介 用了Atom之后是不是发现,每次打开工作目录,保存退出后重新打开软件,目录一片空白!! Sublime和DW的快捷键预览html功能是不是很喜欢,而Atom木有!! 记住上一次打开的目录 这个功能,截止目前最新的0.198版本还木有实现,这里我们用插件来实现这个功能; 但是官方说,"记住上一次打开的目录"这个功能已经内置到下一个版本(集成插件),也就是正式版1.0 插件的作者也声明了,看此段话: The Atom.io team is hopefully building a v