位置: 编程技术 - 正文

详解Grunt插件之LiveReload实现页面自动刷新(两种方案)(gst插件)

编辑:rootadmin

推荐整理分享详解Grunt插件之LiveReload实现页面自动刷新(两种方案)(gst插件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:nugrunning插件,grp插件,grp插件,nugrunning插件,nugrunning插件,gst插件,grp插件,gsit插件,内容如对您有帮助,希望把文章链接给更多的朋友!

方案一:grunt-livereload + Chrome Plug-in

优点:安装、配置简单方便。缺点:需要配合指定的浏览器插件(Firefox也有相关插件,IE么你懂的)。

1. 需要安装2个插接件:grunt-contrib-watch、connect-livereload

执行命令:

2. 安装浏览器插件:Chrome LiveReload

3. 配置一个Web服务器(IIS/Apache),LiveReload需要在本地服务器环境下运行(对 修改Gruntfile.js文件:

5. 执行:grunt live

看到如下提示,说明已经开始监听任务:

详解Grunt插件之LiveReload实现页面自动刷新(两种方案)(gst插件)

6. 打开我们的页面,例如: 再点击Chrome LiveReload插件的ICON,此时ICON圆圈中心的小圆点变成实心的,说明插件执行成功。此时你改下网站文件看看,是不是实时更新了?

方案二:grunt-contrib-watch + grunt-contrib-connect + grunt-livereload

优点:自动搭建静态文件服务器,不需在自己电脑上搭建Web服务器。   不需要浏览器插件的支持(不现定于某个浏览器)。    不需要给网页手动添加livereload.js。缺点:对于刚接触的人,配置略显复杂。

1. 安装我们所需要的3个插件:grunt-contrib-watch、grunt-contrib-connect、connect-livereload

执行命令:

2. 修改Gruntfile.js文件:

5. 执行:grunt live

看到如下提示,说明Web服务器搭建完成,并且开始监听任务:

注:执行该命令前,如果你有安装过LiveReload的浏览器插件,必须关闭。

6. 打开我们的页面,例如: 或

如何使用Gitblog和Markdown建自己的博客 下面给大家分享下如何使用Gitblog和Markdown建自己的博客,如何大家拥有服务器或者云平台提供的云主机,我推荐大家使用Linux+Nginx来运行Gitblog,如果大

PHP代码实现爬虫记录——超管用 实现爬虫记录本文从创建crawler数据库,robot.php记录来访的爬虫从而将信息插入数据库crawler,然后从数据库中就可以获得所有的爬虫信息。实现代码具体

PHP 前加at符合@的作用解析 大家在做PHP项目时,总是有些代码行前加上@符号,大家都知道是什么意思吗?下面给大家分享下PHP中函数前加at符合@的作用解析今天用到了,就记一下

标签: gst插件

本文链接地址:https://www.jiuchutong.com/biancheng/284469.html 转载请保留说明!

上一篇:如何把php5.3版本升级到php5.4或者php5.5(php5升级到php7)

下一篇:如何使用Gitblog和Markdown建自己的博客(如何使用rank函数排名)

  • 私车公用如何避税
  • 资源税的征税对象都是原矿和选矿
  • 开具技术服务费发票需要注意什么
  • 差额征税所得税怎么申报
  • 应交税费科目核算
  • 总公司购固定资产分摊每家店面怎么来做账
  • 主营业务成本的贷方可以是哪些科目
  • 专用发票和普通发票费率
  • 体检中心免税政策
  • 账本印花税税金及附加怎么入账?
  • 加油费发票7月1日开具
  • 折价退回的会计处理
  • 弥补以前年度亏损从哪里取数
  • 企业账户利息收入怎么算
  • 公司培训餐费计入什么费用
  • 所得税季报营业外收入怎么填
  • 季度不含税收入30万以内免增值税
  • 小规模通行费发票可以抵扣吗
  • 财产清查的账务处理原则
  • 投资理财产品的优势和劣势
  • 华为nova9值得买吗知乎
  • 跨境电商的账务怎么做
  • 三栏式明细账目录填写范本
  • 如何禁止远程
  • 外地预交增值税退税了如何把申报报表
  • linux相关命令及用法
  • 土地增值税清算收入如何确定
  • 汽车修理公司的成本怎么核算
  • 投资性房地产转换日公允价值大于账面价值
  • 重装win7系统鼠标键盘没反应
  • 处置工程物资取得净收益
  • 应收账款清查采用实地盘点法
  • framework教程
  • js返回上一步操作
  • php t_string
  • 路径规划的基本流程和方法
  • 如何使用扫描王
  • 二季度平均薪酬
  • 往来款的意思
  • 所得税汇算清缴需要调增的项目
  • 所得税预缴申报表资产总额怎么填
  • 不开增值税发票的销售收入报税操作流程是?
  • sql server索引怎么用
  • 银行电子承兑到期了怎么兑现操作
  • 工会经费和残保金计入什么科目
  • 限售股算不算账户资产
  • 外籍个人是否可以买社保
  • 甲企业持有乙企业40%的股权,能够对乙企业
  • 电子设备折旧残值率
  • 生产成本人工费结转
  • 出现销项负数
  • 增值税申报成功了忘了缴款
  • 广告赞助的形式
  • 行程单发票抬头是什么意思
  • 货款尚未收到属于什么会计科目
  • sql如何随机抽样
  • sql字段转首字母大写
  • 让Windows XP、2003、2008自动登录的设置
  • bios如何设置关机键开机
  • Windows 7 64位系统手动添加Editplus到鼠标右键的方法
  • slserves.exe - slserves是什么进程
  • smsss.exe - smsss是什么进程
  • win8.1的开始菜单在哪
  • 无法装win7
  • [置顶] 此外,车牌号:458143(懂得都懂[吃瓜])
  • 更改uac设置在哪
  • 人走鸟不惊,出自于谁的诗句?
  • JavaScript打开WPS
  • python3gui
  • unity strangeioc
  • shell 解析yml
  • 无法加载odbc驱动程序
  • 安卓样式大全
  • 深入浅析是什么意思
  • selenium在pycharm
  • 北京增值税普通发票图片
  • 北京税务部门需要党员吗
  • 无锡车辆购置税缴纳地点
  • 资源综合利用企业所得税优惠
  • 江苏电子税务局网站首页公共服务
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设