首页 > Web开发 > 详细

使用VScode配合chrome实现网页自动刷新

时间:2019-04-25 23:11:28      阅读:4935      评论:0      收藏:0      [点我收藏+]

1.使用插件:livereload

2.VScode商店中搜索上述插件安装

3.Chrome商店中搜素上述插件安装

  并设置允许访问文件网址:

  技术分享图片

4.在两方插件都打开的情况下,VScode中按下ctrl+S保存后chrome便会自动刷新出最新网页。

5.无法自动刷新的情况:

点击chrome的该扩展程序若显示Could not connect to LiveReload server. Please make sure that a compatible LiveReload server is running. (We recommend guard-livereload, until LiveReload 2 comes to your platform.)

技术分享图片提示VScode中没有打开该插件。

※解决方法:Ctrl + Shift+ P,搜素livereload,并回车/点击“LiveReload: Enable/disable server”技术分享图片

左下角提示:The LiveReload plugin has been enables. 技术分享图片

之后便可实现自动刷新。

 6.关于VScode中liveReload貌似每次都要手动启动插件的问题

  ※貌似可以在设置中输代码设置,不过本人目前学艺不精暂时还不会。通过之前的搜索貌似有看到有人发布过这方面相关内容。

 

 

 

  

使用VScode配合chrome实现网页自动刷新

原文:https://www.cnblogs.com/ranine/p/10771675.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!