[前端] Atom 编辑器如何实现 Brackets 那种 HTML 实时预览?

2016-05-15 17:45:55 +08:00
 but0n

我目前是用 Brackets 开预览，然后开 Atom 写代码

如何彻底摆脱 Brackets ？

关于 Atom 的前端渲染插件我只找到了 atom-html-preview,

没什么卵用。。

大家是怎么解决的?

8297 次点击
所在节点    问与答
10 条回复
WhoMercy
2016-05-15 18:19:11 +08:00
Press CTRL-SHIFT-H in the editor to open the preview pane.

在编辑框中按 Ctrl + Shift + H 可以打开预览面板
Owenjia
2016-05-15 18:28:24 +08:00
试试 https://browsersync.io/ ？
but0n
2016-05-15 18:53:27 +08:00
@WhoMercy
恩，我试过，预览结果和用浏览器直接打开 html 页面没什么区别，样式布局完全没有。 XD
PS ： brackets 用的是 node 在 localhost 开的 web 服务，
ziki
2016-05-15 18:59:25 +08:00
你直接打开个浏览器，写个 gulp 任务跑 livereload 的 server 不就行了
but0n
2016-05-15 19:05:03 +08:00
@ziki 谢谢

我还不会 gulp😂

要是 atom 实现不了的话就只能自己用 flask 开本地 web 服务器了
way
2016-05-15 19:14:08 +08:00
有个插件 open-in-browsers 好像能满足你的需求
but0n
2016-05-15 19:57:54 +08:00
@way 谢谢

这个只是用于快捷的打开，可以设置 url ，很接近预期的功能。但不带 web 服务器功能，所以还是加载不了 HTML 引用的外部文件，不能正常渲染。
jasonliao
2016-05-16 00:33:42 +08:00
live-server
Slienc7
2016-05-16 00:36:14 +08:00
Atom 有 livereload 的插件
but0n
2016-05-16 15:46:45 +08:00
@jasonliao 谢谢，解决了

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/278795

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX