作为Web开发人员，我们经常会这么做：在编辑器中调整代码，保存文件，切换到浏览器，然后刷新浏览器页面来查看结果。在代码编辑过程中，我们需要重复进行很多次这些操作。

如果你使用的是Sublime Text编辑器的话，你可以跳过其中一些步骤直接在浏览器中查看结果。这篇文章就为大家展示如何通过一个叫做BrowserRefresh-sublime的Sublime Text插件来实现上述功能。

Browser Refresh for Sublime Text

首先，我们需要在Sublime Text中安装它，最简单的办法就是通过Package Control (安装Package Control方法见此)。

安装插件

假设你已经安装了Package Control，你可以按Ctrl+Shift+P来打开命令面板，然后输入Install Package。

这将加载所有可用的Sublime Text插件，然后搜索Browser Refresh，之后直接点击Enter来安装。

配置插件

当插件安装完成之后，进入Preferences > Package Settings > Browser Refresh > Key Bindings – Users，这将会在新标签中打开一个.sublime-keymap文件。

默认情况下，这个文件是空的。我们需要把下面的代码粘贴进去来绑定快捷键（下面代码需要两个 [  ] 之间）：

{
    "keys": ["ctrl+shift+r"], "command": "browser_refresh", "args": {
        "auto_save": true,
        "delay": 0.5,
        "activate_browser": true,
        "browser_name" : "all"
    }
}

上面的代码我们为Browser Refresh绑定了快捷键Ctrl+Shift+R，如果你想更改为其他的，可以修改"keys": ["command+shift+r"]。之后，如果我们修改了代码，可以直接通过该快捷键来刷新浏览器查看结果。

此外，我们还可以更改以下设置：

几点需要注意的事项

• 首先需要在浏览器中打开文档。否则文档不会被打开，也就不会被刷新了。
• 它只能刷新当前激活的标签页。所以，把需要确定刷新的文档在当前标签页。
• 在Firefox 19写存在一些Bug无法刷新。

总结

现在，我们可以通过一个快捷键来实现三步操作：保存文档，切换到浏览器，刷新页面。希望此文能够简化一些你的工作流程。

更多内容，请访问Github项目：BrowserRefresh-Sublime