1.使用插件：livereload

2.VScode商店中搜索上述插件安装

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

3.Chrome商店中搜素上述插件安装

　　并设置允许访问文件网址：

　　使用VScode配合chrome实现网页自动刷新 随笔 第1张

4.在两方插件都打开的情况下，VScode中按下ctrl+S保存后chrome便会自动刷新出最新网页。

5.无法自动刷新的情况：

点击chrome的该扩展程序若显示Could not connect to LiveReload server. Please make sure that a compatible LiveReload server is running. (We recommend guard-livereload, until LiveReload 2 comes to your platform.)

使用VScode配合chrome实现网页自动刷新 随笔 第2张提示VScode中没有打开该插件。

※解决方法：Ctrl + Shift+ P，搜素livereload，并回车/点击“LiveReload: Enable/disable server”使用VScode配合chrome实现网页自动刷新 随笔 第3张

左下角提示：The LiveReload plugin has been enables. 使用VScode配合chrome实现网页自动刷新 随笔 第4张

之后便可实现自动刷新。

 6.关于VScode中liveReload貌似每次都要手动启动插件的问题

　　※貌似可以在设置中输代码设置，不过本人目前学艺不精暂时还不会。通过之前的搜索貌似有看到有人发布过这方面相关内容。

 

 

 

　　

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄