如何实现vs code编写的代码在浏览器自动刷新显示

编程知识 更新时间:2023-04-07 01:13:00

如何实现vs code编写的代码在浏览器自动刷新显示

使vs code代码在浏览器自动刷新显示步骤:

1、首先在vs code里面安装一个叫做live Server的插件

点击扩展图标或者使用快捷键F1→输入live Server并点击安装按钮(因为我已经安装了所以图片没有显示这个按钮,而是一个设置的图标)

2、运行live Server插件实现浏览器自动刷新显示渲染后的代码页面

在这里需要注意:每次我们写完代码都要保存之后浏览器才会自动刷新修改过的页面。

手动保存我们使用快捷键Ctrl+S,不过我觉得手动保存还是非常不方便的,此时我们可以将vs code设置为自动保存代码

单击文件→选择自动保存选项

3、在编写完代码以后,点击Open with live Server运行

运行成功之后可以尝试改动代码,会发现浏览器自动刷新,并呈现修改过后的页面


(写在最后:新来的小白,希望我的文章能帮到你们,望各位大佬不要嫌弃~)

更多推荐

如何实现vs code编写的代码在浏览器自动刷新显示

本文发布于:2023-04-07 01:13:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/63edc8b0cda247bf52f0ca184c82292d.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:如何实现   浏览器   代码   code

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 51533文章数
  • 14阅读数
  • 0评论数