vscode插件 livereload实现网页自动刷新

第一步在vscode中安裝livereload插件

vscode插件 livereload实现网页自动刷新

打开livereload

快捷键ctrl+shift+p,搜索livereload,点击打开
vscode插件 livereload实现网页自动刷新

在chrome安装livereload插件

插件下载地址:https://www.jb51.net/softs/568725.html#downintro2
将crx文件的后缀改为.zip并进行解压
进入扩展程序
vscode插件 livereload实现网页自动刷新
加载之前解压的插件,即能安装成功
vscode插件 livereload实现网页自动刷新

在chrome中启动livereload

安装成功后,浏览器会出现如下标志
vscode插件 livereload实现网页自动刷新
点击该标志启动插件,即能实现实时刷新的效果
vscode插件 livereload实现网页自动刷新