iveReload可以理解为即时刷新,编辑器内容发生改变时,页面实时刷新,不用开发者手动点击刷新按钮就可以看到修改效果。
实现原理:通过在本地开启一个websocket服务,检测文件变化,当文件被修改后触发livereload任务,推送消息给浏览器刷新页面。
安装 gulp 及依赖
安装 gulp 命令行工具
npm install --global gulp-cli
**在项目目录下创建 package.json
文件
npm init
安装 gulp
,作为开发时依赖项
npm install --save-dev gulp
安装gulp-connect
依赖
npm install gulp-connect --save