在sublime中设置浏览器预览

一时失言乱红尘 2022-07-13 14:37 251阅读 0赞

# 在sublime中设置浏览器预览 #

sublime是一款小而精的编辑器，但其中没有自带浏览器预览功能，所以下面就教给大家一种方法

## 1. 安装SideBarEnhancements插件 ##

ctrl+shift+p 打开搜索框，输入“pcip”，选中第一个选项，然后回车。

![SouthEast][]

## 2. 配置预览快捷键 ##

点击“Preferences—>Package Settings—>Side Bar—>Key Bindings-User”  
把以下代码复制粘贴过去

[
        { "keys": ["f2"], "command": "side_bar_files_open_with",
            "args": { "paths": [], "application": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe", "extensions":".*" } }
    ]

**注意：其中的“ \[ ” 和 “ \] ” 一定不能少**  
上面的代码中有两处需要注意的地方，一个是keys表示快捷键，即f2可以启动chrome进行预览。另一个是application，表示浏览器所在的安装路径，只有路径配置正确，才能够正常调用浏览器。这需要查看自己浏览器的地址。

## 3. 点击file菜单，点击save 保存 ##

这样就可以了。  
如果想设置多个浏览器打开的话，可以按这种格式再加上一段就可以了。比如：

[
    
        //chrome
        { "keys": ["f1"], "command": "side_bar_files_open_with",
                "args": { "paths": [], "application": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe", "extensions":".*" } },
    
        //ie
         { "keys": ["f3"], "command": "side_bar_files_open_with",
                 "args": { "paths": [], "application": "C:\\Program Files\\Internet Explorer\\iexplore.exe", "extensions":".*" } },
        ]

这样就添加成功了。

[SouthEast]: /images/20220713/5757d20c6f8845b9a2b7bac385027ccd.png