当前位置：文江博客话题详情

LiveReload插件如何默认开启enabled？

发布于 2022-09-05 00:38:34 字数 64 浏览 36 评论 0

每次打开页面都要手动点一下变成实心原点才能启用，有没有办法可以让LiveReload在打开浏览器的时候自动启用呢？

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

爱冒险 2022-09-12 00:38:34

LiveReload截图

当你开启LiveReload插件后，会在控制台里看到一条script的脚步；

这条脚本就是自动刷新的脚本，你可以复制下来粘贴到你的代码的文件中，head ，body ，html等……位置不限。

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="http://127.0.0.1:35729/livereload.js?ext=Chrome&extver=2.1.0"></script>
    <meta charset="utf-8">
</head>
<body>

</body>
</html>

然后就可以实现预览文件自动开启，其实插入这条代码后，不启用谷歌插件，同样会刷新。
重点是安装了Sublime 的LiveReload 。

但是每个人的LiveReload 的脚步可能随着版本和系统的不同而会有差异，导致这条脚本并不能通用；网上流传的脚本代码，我尝试过没有成功过。
所以建议每个人下载插件后复制实际运行后的脚本代码，这样减少不必要的麻烦。
这里我也附上我的脚本代码：但愿它也能完美的运行你的机器上。

<script src="http://127.0.0.1:35729/livereload.js?ext=Chrome&extver=2.1.0"></script>

当然每个文件里面插入这样的一条代码是令人烦恼的，不过有一款插件，也许你也在使用，这就是：FileHeader 它可以帮助你在建立文件时自动创建文件头，然后你可以自定义的修改，然后重复使用，当你新建文件时，它已经帮你完成了90%的事，余下的10%就是你自由的编程！

图片描述

下载的FileHeader 的模板文件编辑地址是：
你可以安装后在本地文件夹里找到这个目录，也许名称不一定完全一样，但是我相信你很容易能找到对的文件夹。

图片描述

回复收藏 0

软的没边 2022-09-12 00:38:34

哇厉害了,终于找到答案了.加到html模板中就好了,打开自动变成实心

回复收藏 0

~没有更多了~

关于作者

葬花如无物

暂无简介

0 文章

0 评论

24 人气

关注发私信

友情链接

文江博客

LiveReload插件如何默认开启enabled？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（2）

当你开启LiveReload插件后，会在控制台里看到一条script的脚步；

这条脚本就是自动刷新的脚本，你可以复制下来粘贴到你的代码的文件中，head ，body ，html等……位置不限。

关于作者

相关话题

热门标签

推荐作者

已经忘了多久

15867725375

LonelySnow

走过海棠暮

轻许诺言

信馬由缰

友情链接

LiveReload插件如何默认开启enabled？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（2）

当你开启LiveReload插件后，会在控制台里看到一条script的脚步；

这条脚本就是自动刷新的脚本，你可以复制下来粘贴到你的代码的文件中，head ，body ，html等……位置不限。

关于作者

相关话题

热门标签

推荐作者

已经忘了多久

15867725375

LonelySnow

走过海棠暮

轻许诺言

信馬由缰

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。