atom实现html实时预览

背景

atom自带markdown实时预览插件，但当我想用atom进行进端开发并取代webstorm这样的收费IDE时，我发现基于文件进行操作的编辑器atom只能高亮显示html、js这样的文件，但不能实时显示进行调试，很不方便。

于是上网查，结果都是很简略的方法，作为刚开始上手atom的新手，一时不理解，终于经过自己的折腾成功使用，如下

特此记录，以便为新手提供方便，节省这些不必要的查询时间。

1、 搜索插件

2、 安装插件

3、 修改快捷键

atom-html-preview初始快捷键为ctrl+p，于atom已有快捷键冲突，修改为ctrl+F12，如下
点击File->Settings->KeyBindings->your keymap file超链接->在末尾添加

'atom-text-editor':　'ctrl-F12':'atom-html-preview:toggle'

4、 完成