位置: 编程技术 - 正文

详解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函数排名)

  • 业务招待费的税金可以抵扣吗
  • 可税前扣除的费用有哪些
  • 税务账是什么意思
  • 季度缴纳企业所得税计算方法
  • 纯外贸出口企业出售固定
  • 咨询合同按什么交印花税
  • 超市小规模纳税人会计难吗
  • 航天金税服务费诈骗
  • 小规模开专票的条件
  • 个税APP如何修改密码
  • 税控盘维护费要交吗
  • 参与工会职工应享受哪些福利待遇
  • 短期负债包括哪些债务
  • 子公司之间可以相互交易吗
  • 事业单位服务收入包括
  • 其他应付款重分类到哪个科目
  • 增值税税控系统专用设备抵减增值税
  • 企业所得税按季预缴怎么算
  • 差旅费未及时报销说明怎么写
  • 关联方交易的税怎么算
  • 城镇土地使用税每年都要交吗
  • mac更新系统版本
  • 增值税步骤
  • 什么情况下增值税不能抵扣
  • 业务招待费和福利费不能抵扣增值税吗
  • 即期结售汇期限包括
  • php文件上传用什么请求方法
  • 政策性搬迁条件
  • 增值税的特殊项目
  • 债券溢价或折价是公司发行债券时产生的收益或损失
  • 餐饮业原料采购都包括哪些
  • 本单位生产的水泥属于
  • vue3使用vueup/vue-quill富文本、并限制输入字数
  • form表单中自动提交表单的按钮类型是
  • sovies
  • html基础总结
  • 零申报的账怎么做
  • 小微企业所得税税收优惠政策2023年
  • gpt 4927
  • vue要怎么学
  • 没有发票的支出可以扣除企业所得税么
  • 退回材料的会计分录
  • 金融企业往来支出是一级科目吗
  • mysql 5.7.20 win64 安装及配置方法
  • mongodb基础知识
  • 残保金由哪个部门负责稽查
  • 对公账户一直没有对账,会有什么后果吗?
  • 加工企业怎么做账务处理
  • 电梯安装费如何分摊
  • 企业商品报废如何处置
  • 建筑租赁公司账务处理
  • 应交税费属于什么科目借方
  • 小企业无形资产取得的账务处理
  • 扶贫差旅费
  • 其他货币资金微信和支付宝的管理
  • 实际利率法仅仅适用于具有本金和利息
  • Suse Linux 10中MySql安装与配置步骤
  • sql忽略null
  • 分页存储过程的实现
  • win8支持固态硬盘吗
  • mac自带中文输入法
  • wkqkpick.exe进程是什么
  • ubuntu中用root删除文件夹
  • Win10 Mobile RS2预览版WiFi设置页面将和pc页面相同
  • linux grub2
  • win7系统出现蓝屏怎么解决
  • win7系统怎么打日语
  • 请问菜单
  • jquery将文本框设置为只读
  • linux命令统计
  • python xlim
  • python读写docx
  • python例子大全
  • JavaScript性能优化
  • 文化事业建设费是什么税
  • 江西省税务局查不到缴费记录
  • 512到底是什么意思
  • 税务设备有什么特点
  • 小微企业房产税优惠减免政策
  • 代账公司盈利水平如何
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设