but0n
V2EX  ›  问与答

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

  •  
  •   but0n · May 15, 2016 · 9162 views
    This topic created in 3826 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
    WhoMercy
    May 15, 2016
    1
    Press CTRL-SHIFT-H in the editor to open the preview pane.

    在编辑框中按 Ctrl + Shift + H 可以打开预览面板
    Owenjia
    Owenjia
    May 15, 2016❤️1
    2
    but0n
    but0n
    OP
    May 15, 2016
    3
    @WhoMercy
    恩,我试过,预览结果和用浏览器直接打开 html 页面没什么区别,样式布局完全没有。 XD
    PS : brackets 用的是 node 在 localhost 开的 web 服务,
    ziki
    ziki
    May 15, 2016❤️2
    4
    你直接打开个浏览器,写个 gulp 任务跑 livereload 的 server 不就行了
    but0n
    but0n
    OP
    May 15, 2016
    5
    @ziki 谢谢

    我还不会 gulp😂

    要是 atom 实现不了的话就只能自己用 flask 开本地 web 服务器了
    way
    way
    May 15, 2016 via iPhone
    6
    有个插件 open-in-browsers 好像能满足你的需求
    but0n
    but0n
    OP
    May 15, 2016
    7
    @way 谢谢

    这个只是用于快捷的打开,可以设置 url ,很接近预期的功能。但不带 web 服务器功能,所以还是加载不了 HTML 引用的外部文件,不能正常渲染。
    jasonliao
    jasonliao
    May 16, 2016 via iPhone❤️1
    8
    live-server
    Slienc7
    Slienc7
    May 16, 2016 via Android❤️1
    9
    Atom 有 livereload 的插件
    but0n
    but0n
    OP
    May 16, 2016
    10
    @jasonliao 谢谢,解决了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2589 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 00:28 · PVG 08:28 · LAX 16:28 · JFK 19:28
    ♥ Do have faith in what you're doing.