配置VSCode、谷歌浏览器插件 文件保存后,浏览器页面自动刷新

开发时我们不免会遇到一些Bug,而当我们进行修复时,如果是老项目的话,难免不了的就是频繁的切换页面与编译器,保存一次代码刷新一次页面,这样不免是繁琐的,那么这个时候两款插件应运而生

一、VsCode安装LiveReload

配置VSCode、谷歌浏览器插件 文件保存后,浏览器页面自动刷新
下载后我们需要配置一下首先,其实配置与否都可以
ctrl + shift + p
配置VSCode、谷歌浏览器插件 文件保存后,浏览器页面自动刷新
键入 LiveReload 选择上面这个选择项即可

二、谷歌应用商城安装LiveReload

配置VSCode、谷歌浏览器插件 文件保存后,浏览器页面自动刷新
这个时候安装成功后我们的右上角会蹦出一系列选项,让其显示在右上角
配置VSCode、谷歌浏览器插件 文件保存后,浏览器页面自动刷新
右键单击管理扩展程序
配置VSCode、谷歌浏览器插件 文件保存后,浏览器页面自动刷新
让其访问文件地址,这个时候我们的插件其实就是已经安装好了

三、谷歌扩展插件,我们将其空心点击成实心状态

空心状态:配置VSCode、谷歌浏览器插件 文件保存后,浏览器页面自动刷新
实心状态:
配置VSCode、谷歌浏览器插件 文件保存后,浏览器页面自动刷新
点击即可从空心变为实心

四、小点变为实心的页面,当我们在VS Code进行保存时谷歌页面即会进行自动刷新