Sumlime Text编辑文件后快速刷新浏览器

Posted 2020-08-15 爬坡的猪

 

作为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"]。之后，如果我们修改了代码，可以直接通过该快捷键来刷新浏览器查看结果。

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

Arguments
Description

auto_save:
它指定了在浏览器查中看之前是否保存文件，你可以把它设置为false来禁用此行为

delay
它指定页面刷新的延迟时间。以秒为单位，所以1.0就是1秒钟

activate_browser
指定是否激活浏览器窗口。如果浏览器没有打开，按下快捷键后将会打开浏览器，如果已经在运行，将会直接跳转到浏览器。我建议总是把它设置为true

browser_name
指定使用哪个浏览器来刷新文档。默认情况下是所有浏览器。你也可以更改为Google Chrome，Safari，Firefox，Opera，IE，Iron，andGoogle Chrome Canary

几点需要注意的事项

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

总结

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

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

 

本文转载自：http://9iphp.com/web/html/sublime-text-refresh-browser.html