chrome实现网页自动刷新——使用VScode中的插件livereload
1.VScode和谷歌扩展程序分别安装livereload插件,如果谷歌商店进不去,可以选择离线安装
2.chrome插件设置中设置livereload允许访问文件网址
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会自动刷新,非常方便