gulp-connect插件浏览器实时同步刷新

1.在站点路径里打开cmd控制台。

输入:cnpm install gulp-connect --save-dev

2.编辑gulpfile.js

3.控制台执行gulp任务

输入gulp serve

4.查看浏览器该任务有没有生效

因为我们使用这个插件创建了一个服务器,它的端口默认是8080,所以打开文件时,需要在地址栏输入 localhost:8080/

此时,你看到的就是其目录下默认的index.html

这时候你在编辑器编辑该页面,当ctrl+s后,浏览器就应该同步了。

后面还有有其他插件的笔记。记得回来啊~

时间: 2024-10-12 15:17:28

gulp-connect插件浏览器实时同步刷新的相关文章

gulp之压缩css,less转css,浏览器实时刷新【原创】

gulp入门 gulp浏览器实时同步 首先要下载对应的插件包: gulp-less包:cnpm install gulp-less --save-dev gulp-connect包:cnpm install gulp-connect--save-dev gulp-minify-css包:cnpm install gulp-minify-css --save-dev var gulp=require('gulp'), gulp_less=require('gulp-less'), gulp_con

gulp plugins 插件介绍

原文:http://ju.outofmemory.cn/entry/103253 鸟窝 2014-11-28 3020 阅读 gulp Gulp是一个构建工具, 功能类似grunt, 以及Java生态圈的ant, maven, gradle等. 其它的javascript生态圈的构建工具可以参考: List of JavaScript Build Tools它采用了一种流式处理的方式, 编写起来简单直观. 相对于其它javascript构建工具, 母亲啊它的star数是仅次于grunt,流行度还

监控开发之用python扩展dstat插件自定义实时监控

dstat是一个python开源的实时监控工具,一般是用来做系统性能监控的.咱们这里只是提他的自定义插件开发,用来打造自己的dstat. 有朋友可能还没清楚是啥意思, 咱们查看系统的状体状态有人喜欢用vmstat,也有人喜欢用dstat.相比来说dstat的功能模块更全一点是,这里还只是说查看系统性能方面的 !   如果想一边查看,系统的各方面性能指标,还想看你应用的一些个负载相关,比如某个程序的负载,mongodb的锁lock百分比,mysql连接数...   懂了吧 ! 下面是dstat的插

五:webpack-dev-server 搭建本地服务以及浏览器实时刷新

一.概述 开发项目中为了保证上线,开发项目是都需要使用localhost进行开发,以前的做法就是本地搭建Apache或者Tomcat服务器.有的前端开发人员 对服务器的搭建和配置并不熟悉,这个时候需要后台开发人员进行帮忙,有的时候后台开发人员还爱答不理的.为了解决这个爱答不理的问题,webpack-dev-server出现了,它的出现告诉后台开发人员,不用你们了. webpack-dev-server的作用不只是搭建本地服务器,大家知道使用webpack可以 进行监听和打包文件,但是如果文件比较

gulp常用插件之gulp-useref使用

更多gulp常用插件使用请访问:gulp常用插件汇总 gulp-useref这是一款可以将HTML引用的多个CSS和JS合并起来,减小依赖的文件个数,从而减少浏览器发起的请求次数.gulp-useref根据注释将HTML中需要合并压缩的区块找出来,对区块内的所有文件进行合并.注意:它只负责合并,不负责压缩!,如果需要做其他操作,可以配合gulp-if插件使用. 更多使用文档请点击访问gulp-useref工具官网. 安装 一键安装不多解释 npm install --save-dev gulp-

gulp - connect

Gulp plugin to run a webserver (with LiveReload) Install npm can help us to install the plugin. PS C:\study\gulp> npm install --save-dev gulp-connect gulp[email protected]2.2.0 node_modules\gulp-connect ├── connect[email protected]0.3.2 ├── event[ema

LogStation 支持浏览器实时查看日志

我们在logback 分布式日志汇总中已经将日志输出到了all.logs,LogStation支持浏览器实时查看日志,适合研发和运维彼此独立的场景:研发没有服务器权限,却想看日志实时输出.再配合nginx提供的auth_basic简单授权就搞定了. 快速上手:logstation wget http://t.xlongwei.com/softwares/logstation-0.3.10.jar //初次运行会生成配置文件logstation.conf,编辑配置后再次运行即可,监听端口8884

gulp常用插件之wiredep使用

更多gulp常用插件使用请访问:gulp常用插件汇总 wiredep这是一款gulp插件,能够将js.css文件自动插入到html中. 更多使用文档请点击访问wiredep工具官网. Bower是一个客户端技术的软件包管理器,它可用于搜索.安装和卸载如JavaScript.HTML.CSS之类的网络资源. 详细信息请参考bower官网. 原文地址:https://www.cnblogs.com/jiaoshou/p/12021159.html

gulp常用插件之gulp-plumber使用

更多gulp常用插件使用请访问:gulp常用插件汇总 gulp-plumber这是一款防止因gulp插件的错误而导致管道中断,plumber可以阻止 gulp 插件发生错误导致进程退出并输出错误日志. 更多使用文档请点击访问gulp-plumber工具官网. 安装 npm install --save-dev gulp-plumber 使用 var plumber = require('gulp-plumber'); var coffee = require('gulp-coffee'); gu