如何实现浏览器网页自动更新？VS Code与Chrome相关解决方案咨询

不用换VS Code：装个插件就行 #

• 直接在VS Code扩展商店搜Live Server，安装后右键你的HTML文件，选择「Open with Live Server」，或者点击VS Code右下角的「Go Live」按钮。之后你修改代码并保存，Chrome会自动刷新页面，完全不用手动操作。
• 这个插件还支持实时预览静态页面，甚至能处理CSS、JS的修改同步，对新手非常友好。

Chrome本身的解决方案（不用换浏览器） #

• 开启Chrome DevTools的Workspaces功能：打开DevTools（F12），点击「Sources」面板，右键侧边栏的空白处选择「Add folder to workspace」，选中你的本地项目文件夹，浏览器会请求权限，允许后就能把本地文件和浏览器里的页面绑定。之后不管你在VS Code里修改代码还是在DevTools里直接编辑，保存后页面都会自动刷新。
• 也可以装Chrome扩展比如Auto Refresh Plus，设置固定时间间隔刷新，但这种是被动刷新，不如上面的实时同步精准。

其他编辑器选项（没必要换，但可以参考） #

• Sublime Text：安装LiveReload插件，配合浏览器端的LiveReload扩展使用，修改保存后自动刷新。
• Atom：安装browser-sync插件，同样能实现实时同步刷新。

内容的提问来源于stack exchange，提问作者Harry