LiveReload可以理解为即时刷新，在前端开发中，开发者在编写或调试html/js/css代码后需要从编辑器切换到浏览器，再刷新浏览器才能看到页面变化，这种频繁的操作在一定程度上影响了工作效率，而LiveReload可以帮助我们解决了这个问题。 　　实现原理：通过在本地开启一个 ...

首先gulp是基于Node的，所以确保你已经安装 node.js，在Nodejs官方网站下载跟自己操作系统相对应的安装包。 先说一下gulp安装流程： 1：全局安装gulp，操作为： npm install gulp -g;2:在根目录下创建 package.json文件，操作为：npm ...

前段时间使用了gulp+browser-sync才发现这个东西真的很好用。 准备工作：（1）、安装nodejs。gulp是基于nodejs使用的，所以先安装nodejs，https://nodejs.org/en/download/在这里直接下载安装就好。 （2）、新建一个项目目录，比如我在E ...

本文版权桂博客园和作者吴双共同所有，转载和爬虫请注明原文地址 http://www.cnblogs.com/tdws/p/6016055.html 写在前面 大家好我是博客园的蜗牛，博客 ...

学也不难。 一个自动化构建工具都没用过的前端，何以谈人生？ 以下是正题： 1.要玩gulp,首先 ...

Browser Action类型的Google Chrome扩展程序，通常在Chrome浏览器的工具栏中，地址栏的右侧，有一个始终存在的图标。也就是说，这个图标与浏览器相关，只要安装了该Chrome扩展的浏览器，就会显示该图标。 鼠标悬浮到图标上会给出提示信息，鼠标点击图标会弹出popup页面 ...

值班需要监控页面情况，手头也没有专用的监控设备，只能手动刷新。遂度之，解放双手。 代码如下： 代码使用说明：这个代码直接贴到chrome或者firefox的控制台中，输入自动刷新的时间间隔（单位秒），即可实现自动刷新，直到你关掉页面或者手工刷新界面为止 ...

一、在Vue、react项目开发中集成了基于webpack的热更新，使用gulp等构建工具也会有类似热更新机制。 二、在vscode中可安装 Live Server插件 建议使用 三、在webstrom系列可安装Live Edit插件，需要在浏览器安装 JetBrains IDE ...