小白也能看懂的前端知识之二:用来做代码同步的livereload插件使用教程

205 阅读1分钟

一、目的:

1. 有些人在做前端开发时会遇到这样的情况,在编辑器中修改完代码后需要手动刷新浏览器才能看到效果,尤其是用双屏。本篇教程就是为了解决此问题,使用此插件之后,在编辑器中修改完代码浏览器会自动刷新实时看到效果。

2. 如果您的项目是用vue-cli脚手架开发的,或者您使用的编辑器是webstorm、hbuilderX,请忽略本篇(因为它们自带这个功能)。

二、步骤:

1. 下载livereload插件livereload百度云下载地址,提取码h9ty

2. 在chrome浏览器中安装livereload插件,如果不会的话请看我的上一篇教程,小白也能看懂的前端知识之一:chrome浏览器插件安装、使用教程

3.安装完成之后您看到的是这样一个空心的图标

4.点击之后会变成实心的图标,表示livereload插件以使用成功

5.现在在编辑器中修改代码,您会发现浏览器中页面自动刷新了,完美