admin管理员组

文章数量:1794759

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

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

如何实现vs code编写的代码在浏览器自动刷新显示 使vs code代码在浏览器自动刷新显示步骤： 1、首先在vs code里面安装一个叫做live Server的插件

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

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

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

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

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

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

运行成功之后可以尝试改动代码，会发现浏览器自动刷新，并呈现修改过后的页面 （写在最后：新来的小白，希望我的文章能帮到你们，望各位大佬不要嫌弃~）

本文标签： 如何实现浏览器代码code

版权声明：本文标题：如何实现vs code编写的代码在浏览器自动刷新显示 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1686864633a111987.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。