在Windows上安装Atom

浅谈Atom实现HTML实时预览的方法

基础实现：

快捷键

在编辑框中按 Ctrl + Shift + M 可以打开原生预览。（不带CSS样式）

插件实现：atom-html-preview

点击File->settings–>install-> 搜索 atom-html-preview ->下载

在编辑框中按 Ctrl + Shift + H 可以打开预览面板（带CSS样式）

插件实现：Dev Live Reload

调用快捷键：CTRL+SHIFT+ALT+R

稍微高级点，浏览器内打开

插件实现：brower-plus

在Atom内打开浏览器

插件实现：atom-live-server

在Atom外打开浏览器

快捷键比较多，可能和默认的有冲突，下一篇文章写快捷键修改。

加入IIS

不懂的可以查看百度百科https://baike.baidu.com/item/iis/99720?fr=aladdin
Atom+IE，实时编辑IIS网站目录下的文件，写完刷新就行。
如果使用Chrome，则可以安装LivePage 插件 ，实现页面自动刷新。

插件实现：livereload

写个gulp 任务跑 livereload插件，需要架成http。
不会Gulp可以入门：https://www.gulpjs.com.cn/