首页 > 代码库 > Sumlime Text编辑文件后快速刷新浏览器
Sumlime Text编辑文件后快速刷新浏览器
作为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
Sumlime Text编辑文件后快速刷新浏览器