chrome实现网页自动刷新——使用VScode中的插件livereload

1.VScode和谷歌扩展程序分别安装livereload插件,如果谷歌商店进不去,可以选择离线安装
chrome实现网页自动刷新——使用VScode中的插件livereload
chrome实现网页自动刷新——使用VScode中的插件livereload

2.chrome插件设置中设置livereload允许访问文件网址
chrome实现网页自动刷新——使用VScode中的插件livereload

3.在VScode中按F1,弹出窗口,输入livereload,出现如下图所示,回车或者点击“LiveReload: Enable/disable server”
chrome实现网页自动刷新——使用VScode中的插件livereload

4.左下角显示The LiveReload plugin has been enables即可
chrome实现网页自动刷新——使用VScode中的插件livereload

5.然后在chrome中点击插件livereload,只要那个中间小圆点变灰(黑)就证明连接成功;如果点击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中没有打开该插件,返回步骤4弄一遍即可。

6.使用chrome打开HTML文件,在VCcode同时打开该HTML文件,Ctrl+S保存html文件,chrome会自动刷新,非常方便