• 请不要在回答技术问题时复制粘贴 AI 生成的内容
romancekami
V2EX  ›  程序员

小白请问下在 vscode 里编辑,然后在浏览器中实时显示效果是怎么实现的?是用了什么扩展吗?

  •  
  •   romancekami · Jul 4, 2021 via Android · 3710 views
    This topic created in 1950 days ago, the information mentioned may be changed or developed.

    另外比如说这个扩展:Bracket Pair Colorizer 2

    它的简介是:A customizable extension for colorizing matching brackets,有什么扩展能翻译一下这种简介吗?我英语不大行,希望万能的 V 友支支招哈哈

    13 replies  •  2021-07-05 10:20:17 +08:00
    Trim21
    Trim21
    Jul 4, 2021 via Android
    1
    你说的是 instant markdown 插件吗?插件开了一个 HTTP 服务器渲染了编辑的内容,所以你就能在浏览器里面打开了
    golangLover
    golangLover
    Jul 4, 2021 via Android
    2
    react 就是自带的。普通 html 的应该是 live reload
    Jirajine
    Jirajine
    Jul 4, 2021 via Android
    3
    hot reload
    romancekami
    romancekami
    OP
    Jul 4, 2021 via Android
    4
    @Trim21 不好意思老哥,我好像没写清楚标题,我是之前看到一个 css 的视频,作者一边在 vscode 里编辑,然后在 chrome 里就有实时效果显示
    lysS
    lysS
    Jul 4, 2021❤️3
    5
    扩展 Live Server
    romancekami
    romancekami
    OP
    Jul 4, 2021 via Android
    6
    @golangLover 我标题没写清楚大意了,是之前看到的一个前端 css 的视频,作者在 vscode 里编辑,然后浏览器就有实时效果显示,我是小白,刚开始用 vscode
    B3C933r4qRb1HyrL
    B3C933r4qRb1HyrL
    Jul 4, 2021❤️1
    7
    如果是普通 HTML + CSS 的话,可以看看 live server 插件。
    romancekami
    romancekami
    OP
    Jul 4, 2021 via Android
    8
    ok,我说的就是前端的,感觉楼上的一些老哥误解了,怪我标题没写清楚,thank you
    xenme
    xenme
    Jul 4, 2021 via iPhone❤️2
    9
    @romancekami 上面说到就是你要的。
    估计只有你自己还在以为别人理解错了。
    skys215
    skys215
    Jul 4, 2021
    10
    以前有个软件叫 f5,会监听文件改动,然后刷新页面。
    xnotepad
    xnotepad
    Jul 4, 2021
    11
    和前端的热编译一个原理吧。
    插件起一个 HTTP 服务,浏览器打开之后,和浏览器建立 websocket 链接,之后插件这边就可以控制浏览做一些刷新之类的操作。
    romancekami
    romancekami
    OP
    Jul 4, 2021 via Android
    12
    @xenme 嗯,确实我傻了,用了一下就是 live server 这玩意儿,多谢 v 友们的帮助👍
    TomatoYuyuko
    TomatoYuyuko
    Jul 5, 2021
    13
    热重载 websocket 实现的,你可以看到 network 里跑了一堆
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2621 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 14:08 · PVG 22:08 · LAX 06:08 · JFK 09:08
    ♥ Do have faith in what you're doing.