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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

This topic created in 3644 days ago, the information mentioned may be changed or developed.

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

如何彻底摆脱 Brackets ？

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

没什么卵用。。

大家是怎么解决的?

10 replies • 2016-05-16 15:46:45 +08:00

WhoMercy

May 15, 2016

Press CTRL-SHIFT-H in the editor to open the preview pane.

在编辑框中按 Ctrl + Shift + H 可以打开预览面板

Owenjia

May 15, 2016

but0n

May 15, 2016

@WhoMercy
恩，我试过，预览结果和用浏览器直接打开 html 页面没什么区别，样式布局完全没有。 XD
PS ： brackets 用的是 node 在 localhost 开的 web 服务，

ziki

May 15, 2016

你直接打开个浏览器，写个 gulp 任务跑 livereload 的 server 不就行了

but0n

May 15, 2016

@ziki 谢谢

我还不会 gulp😂

要是 atom 实现不了的话就只能自己用 flask 开本地 web 服务器了

way

May 15, 2016 via iPhone

有个插件 open-in-browsers 好像能满足你的需求

but0n

May 15, 2016

@way 谢谢

这个只是用于快捷的打开，可以设置 url ，很接近预期的功能。但不带 web 服务器功能，所以还是加载不了 HTML 引用的外部文件，不能正常渲染。

jasonliao

May 16, 2016 via iPhone

live-server

Slienc7

May 16, 2016 via Android

Atom 有 livereload 的插件

but0n

May 16, 2016

@jasonliao 谢谢，解决了