1.问题很直接：如何给atom编辑器加入网页预览功能？2.我是atom的忠实用户。因为嫌弃VS太卡（实际上是电脑太渣），最近经常用它来做Web开发。但是每次写好的前端要打开浏览器才能显示出样式，然后再根据效果调整。但是个人觉得这样太麻烦了。用过Visual Studio开发过ASP.NET的都知道，VS里边儿可以预览网页样式。这样就给开发者提供了很大的便利。所以自己也想着是不是能给atom写个插件，让atom也能预览网页。但是对于实现完全没有思路。不知道需要具备哪些知识。忘各路大神提点。
人生最曼妙的风景，竟是内心的淡定与从容！
首先atom有插件html-preview和browser-plus都很好用，没必要自己写，而且chrome的开发者工具已经很好用了，调样式很方便，如果实在想写，可以参考atom-package是如何生成的以及browser-plus源码模仿着写
atom 有一个插件run-in-browser 可以配置的快捷键在当前系统默认浏览器中打开
run-in-browser
其它插件可以参考这篇文章 atom插件列表
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
首先atom有插件html-preview和browser-plus都很好用，没必要自己写，而且chrome的开发者工具已经很好用了，调样式很方便，如果实在想写，可以参考atom-package是如何生成的以及browser-plus源码模仿着写
atom 有一个插件
run-in-browser可以配置的快捷键在当前系统默认浏览器中打开其它插件可以参考这篇文章 atom插件列表