Sublime Text设置快捷键让html文件在浏览器打开

  •  
  • |
  • 浏览:698
  • |
  • 更新:2015-12-05 18:37
  • Sublime Text设置快捷键让html文件在浏览器打开1
  • Sublime Text设置快捷键让html文件在浏览器打开2
  • Sublime Text设置快捷键让html文件在浏览器打开3
  • Sublime Text设置快捷键让html文件在浏览器打开4
  • Sublime Text设置快捷键让html文件在浏览器打开5
  • Sublime Text设置快捷键让html文件在浏览器打开6
  • Sublime Text设置快捷键让html文件在浏览器打开7
分步阅读

Sublime Text 是一个代码编辑器,也是HTML和散文先进的文本编辑器。个人非常喜欢,一直在玩Sublime Text,最近有一个需求:在编辑的html文件想通过快捷键在浏览器中打开直接看效果。网上找了一圈发现很多不能用的;这里我将详细记录我配置的过程, 希望帮助到大家,如果有任何疑问,请留评。

工具/原料

  • win7
  • Sublime Text 3

方法/步骤

  1. 1

    安装View In Browser插件

    快捷键 Ctrl+Shift+P(菜单栏Tools->Command Paletter),输入 pcip选中Install Package并回车,输入View In Browser的插件回车就安装了

    注意左下角的小文字变化,会提示安装成功

    Sublime Text设置快捷键让html文件在浏览器打开
    Sublime Text设置快捷键让html文件在浏览器打开
  2. 2

    设置快捷键

    菜 单栏Preferences->Key Bindings-User),打开Default (Windows).sublime-keymap文件编辑,或者F:ProgramFilesSublime Text 3DataPackagesUser编辑Default (Windows).sublime-keymap

    输入如下内容:

    [    { "keys": ["ctrl+alt+f"], "command": "open_in_browser" },]

    Sublime Text设置快捷键让html文件在浏览器打开
    Sublime Text设置快捷键让html文件在浏览器打开
    Sublime Text设置快捷键让html文件在浏览器打开
  3. 3

    快捷键使用

    编辑index.html文件,如图:

    使用快捷键ctrl+alt+f,浏览编辑效果,这里使用默认浏览器打开;

    是不是很爽,赶紧试下吧;