在sublime中设置浏览器预览

在sublime中设置浏览器预览

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

1. 安装SideBarEnhancements插件

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

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":".*"
            }
    },
    ]

这样就添加成功了。