我要评论本篇文章给大家介绍一下atom 编辑器实现html实时预览的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
相关推荐：《atom》
基础实现：
快捷键
在编辑框中按 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/
方法还有很多
使用browser-sync
browser-sync start --server -files “/.html,/.css”
写在最后，既然你考虑选择atom，那么就要一试到底，学习某个ide操作的时间成本是很高的，千万不要三心二意。
更多编程相关知识，请访问：atom！！
以上就是浅谈atom实现html实时预览的方法的详细内容，更多请关注代码网其它相关文章！
发表评论