下面由sublime教程栏目给大家介绍sublime text3 配置安装livereload插件方法，希望对需要的朋友有所帮助！

在我们编写前端代码时，常规操作是在编辑器写完代码保存，再到浏览器刷新显示，过程很是繁琐，今天介绍这款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  # 的是  # 器中  # 就会  # 是在  # 放在  # 两种  # 适用于  # 这款  # 我用  # 可以通过 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 悟空浏览器如何设置小说背景色_悟空浏览器背景色设置【方法】  文字头像制作网站推荐软件,醒图能自动配文字吗？  Swift中switch语句区间和元组模式匹配  PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  长沙企业网站制作哪家好,长沙水业集团官方网站？  5种Android数据存储方式汇总  Edge浏览器提示“由你的组织管理”怎么解决_去除浏览器托管提示【修复】  Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】  Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】  南京网站制作费用,南京远驱官方网站？  如何在 Go 中优雅地映射具有动态字段的 JSON 对象到结构体  HTML透明颜色代码怎么让图片透明_给img元素加透明色的技巧【方法】  如何在Windows 2008云服务器安全搭建网站？  佛山企业网站制作公司有哪些,沟通100网上服务官网？  php json中文编码为null的解决办法  Laravel定时任务怎么设置_Laravel Crontab调度器配置  手机软键盘弹出时影响布局的解决方法  php8.4header发送头信息失败怎么办_php8.4header函数问题解决【解答】  Laravel如何创建自定义Facades？（详细步骤）  矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？  Windows Hello人脸识别突然无法使用  Firefox Developer Edition开发者版本入口  Laravel模型关联查询教程_Laravel Eloquent一对多关联写法  Laravel怎么在Controller之外的地方验证数据  iOS验证手机号的正则表达式  Laravel项目怎么部署到Linux_Laravel Nginx配置详解  佛山网站制作系统,佛山企业变更地址网上办理步骤？  Laravel如何使用软删除（Soft Deletes）功能_Eloquent软删除与数据恢复方法  lovemo网页版地址 lovemo官网手机登录  如何为不同团队 ID 动态生成多个非值班状态按钮  PHP怎么接收前端传的文件路径_处理文件路径参数接收方法【汇总】  北京的网站制作公司有哪些,哪个视频网站最好？  如何用花生壳三步快速搭建专属网站？  Laravel如何使用withoutEvents方法临时禁用模型事件  Laravel怎么调用外部API_Laravel Http Client客户端使用  如何在云主机快速搭建网站站点？  Swift开发中switch语句值绑定模式  LinuxCD持续部署教程_自动发布与回滚机制  Microsoft Edge如何解决网页加载问题 Edge浏览器加载问题修复  Laravel如何使用Eloquent ORM进行数据库操作？（CRUD示例）  Laravel如何安装使用Debugbar工具栏_Laravel性能调试与SQL监控插件【步骤】  phpredis提高消息队列的实时性方法(推荐)  Laravel Octane如何提升性能_使用Laravel Octane加速你的应用  javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】  如何快速重置建站主机并恢复默认配置？  Laravel如何从数据库删除数据_Laravel destroy和delete方法区别  Bootstrap整体框架之JavaScript插件架构  Linux虚拟化技术教程_KVMQEMU虚拟机安装与调优  Laravel如何使用Collections进行数据处理？（实用方法示例）