小白请问下在 vscode 里编辑,然后在浏览器中实时显示效果是怎么实现的?是用了什么扩展吗? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
romancekami
V2EX    程序员

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

  •  
  •   romancekami 2021-07-04 11:59:55 +08:00 via Android 3040 次点击
    这是一个创建于 1567 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    13 条回复    2021-07-05 10:20:17 +08:00
    Trim21
        1
    Trim21  
       2021-07-04 12:02:14 +08:00 via Android
    你说的是 instant markdown 插件吗?插件开了一个 HTTP 服务器渲染了编辑的内容,所以你就能在浏览器里面打开了
    golangLover
        2
    golangLover  
       2021-07-04 12:02:40 +08:00 via Android
    react 就是自带的。普通 html 的应该是 live reload
    Jirajine
        3
    Jirajine  
       2021-07-04 12:04:59 +08:00 via Android
    hot reload
    romancekami
        4
    romancekami  
    OP
       2021-07-04 12:30:42 +08:00 via Android
    @Trim21 不好意思老哥,我好像没写清楚标题,我是之前看到一个 css 的视频,作者一边在 vscode 里编辑,然后在 chrome 里就有实时效果显示
    lysS
        5
    lysS  
       2021-07-04 12:33:50 +08:00   3
    扩展 Live Server
    romancekami
        6
    romancekami  
    OP
       2021-07-04 12:33:51 +08:00 via Android
    @golangLover 我标题没写清楚大意了,是之前看到的一个前端 css 的视频,作者在 vscode 里编辑,然后浏览器就有实时效果显示,我是小白,刚开始用 vscode
    B3C933r4qRb1HyrL
        7
    B3C933r4qRb1HyrL  
       2021-07-04 12:34:00 +08:00   1
    如果是普通 HTML + CSS 的话,可以看看 live server 插件。
    romancekami
        8
    romancekami  
    OP
       2021-07-04 12:35:55 +08:00 via Android
    ok,我说的就是前端的,感觉楼上的一些老哥误解了,怪我标题没写清楚,thank you
    xenme
        9
    xenme  
       2021-07-04 14:12:31 +08:00 via iPhone   2
    @romancekami 上面说到就是你要的。
    估计只有你自己还在以为别人理解错了。
    skys215
        10
    skys215  
       2021-07-04 14:37:37 +08:00
    以前有个软件叫 f5,会监听文件改动,然后刷新页面。
    xnotepad
        11
    xnotepad  
       2021-07-04 15:10:59 +08:00
    和前端的热编译一个原理吧。
    插件起一个 HTTP 服务,浏览器打开之后,和浏览器建立 websocket 链接,之后插件这边就可以控制浏览做一些刷新之类的操作。
    romancekami
        12
    romancekami  
    OP
       2021-07-04 17:23:07 +08:00 via Android
    @xenme 嗯,确实我傻了,用了一下就是 live server 这玩意儿,多谢 v 友们的帮助
    TomatoYuyuko
        13
    TomatoYuyuko  
       2021-07-05 10:20:17 +08:00
    热重载 websocket 实现的,你可以看到 network 里跑了一堆
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2555 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 02:39 PVG 10:39 LAX 19:39 JFK 22:39
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86