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

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

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

3.在VScode中按F1,弹出窗口,输入livereload,出现如下图所示,回车或者点击“LiveReload: Enable/disable server”
在这里插入图片描述

4.左下角显示The LiveReload plugin has been enables即可
在这里插入图片描述

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会自动刷新,非常方便(这里注意是在chrome浏览器上要同步的网页打开插件livereload

你可能感兴趣的:(Web)