如何实现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运行
运行成功之后可以尝试改动代码，会发现浏览器自动刷新，并呈现修改过后的页面
（写在最后：新来的小白，希望我的文章能帮到你们，望各位大佬不要嫌弃~）
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念，把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起，为开发者提供从开发、训练到部署的一站式体验。
更多推荐
32
0- 0
已为社区贡献1条内容
所有评论(0)