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

V2EX = way to explore

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

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3107 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

如何彻底摆脱 Brackets ？

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

没什么卵用。。

大家是怎么解决的?

10 条回复 • 2016-05-16 15:46:45 +08:00

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

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 via iPhone

有个插件 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 via iPhone

live-server

Slienc7

2016-05-16 00:36:14 +08:00 via Android

Atom 有 livereload 的插件

but0n

2016-05-16 15:46:45 +08:00

@jasonliao 谢谢，解决了