Atom编辑器折腾记_(11)编辑器实时预览HTML页面(插件:Atom HTML Preview)

为何寻找

每次预览HTML页面,都需要打开各种浏览器;哪怕不是调试,只是为了查看下效果;
切换来切换去,各种刷新,感觉有些浪费时间;以前用过DW的实时预览,感觉这个功能很赞;
又踏上了atom插件仓库慢慢寻找之路…

插件:atom-html-preview

官方描述:A live preview tool for Atom Editor.
简言之:Atom编辑器内实时预览的工具

获取方式

1. 通过命令行安装

• apm install atom-html-preview

2. 通过编辑器内部的install搜索atom-html-preview 安装

---

使用方式及效果

快捷键

• 默认快捷键 : CTRL + P 调用 ,会和内置核心插件冲突(切换文件那个) — 非常不好
• 修改版快捷键: CTRL + F12(感觉方便使用且没有冲突的快捷键)

#实时浏览器调用快捷键
'atom-text-editor':
  'ctrl-F12':'atom-html-pr