Sublimetext3配置LiveReload插件的方法-创新互联

这篇文章主要介绍Sublime text3配置LiveReload插件的方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

创新互联主要从事做网站、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务天峻,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

在我们编写前端代码时，常规操作是在编辑器写完代码保存，再到浏览器刷新显示，过程很是繁琐，今天介绍这款sublime text3的插件将提高我们的开发效率，它就是LiveReload。

Tip：
LiveReload是很棒的插件，可以在浏览器中实时预览，但是在Sublime text3里，从Package Control中安装的LiveReload是无法使用的，但是可以选择手动安装解决。

LiveReload插件下载

Sublime端

Github上的LiveReload for Sublime text3的地址：https://github.com/Grafikart/ST3-LiveReload，两种方式安装:

方法一：

选择DownloadZip，将解压的文件夹放在Packages文件夹（Preference>Browse Packags）重启ST3

方法二：

直接clone到Packages文件夹。

//适用于Linux  OSX  
//Windows可以通过Git操作
//进入Packages目录下
rm -rf LiveReload  
git clone https://github.com/Grafikart/ST3-LiveReload.git LiveReload

浏览器端

我用的是chrome，在应用商店可以直接找到LiveReload，安装

安装之后会出现这个图标。

配置

1. ctrl+shift+p
2. LiveReload: Enable/disable plugins
3. Enable - SimpleReload

实时预览

把html文件在浏览器中打开，点击一次图标中间的圆环变成原点就代表可以实时预览了。
ST3中的文件保存一次，浏览器就会刷新一次，实时预览，很方便！

以上是“Sublime text3配置LiveReload插件的方法”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

名称栏目：Sublimetext3配置LiveReload插件的方法-创新互联
文章源于：https://www.cdcxhl.com/article42/dhhsec.html

成都网站建设公司_创新互联，为您提供动态网站、ChatGPT、企业网站制作、网站设计、企业建站、自适应网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联