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

第一步在vscode中安裝livereload插件

vscode插件 livereload实现网页自动刷新_第1张图片

打开livereload

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

在chrome安装livereload插件

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

在chrome中启动livereload

安装成功后,浏览器会出现如下标志
在这里插入图片描述
点击该标志启动插件,即能实现实时刷新的效果
在这里插入图片描述

你可能感兴趣的:(前端)