Sublime Text安装实时服务器插件教程

酷瑶大大_9382

酷瑶大大_9382

2026-08-02

585人浏览

原创

sublime text 不内置实时服务器功能,需通过 sublimeonsavebuild 插件配合 browser-sync 实现保存自动刷新,或用 python 的 http.server 快速启动静态服务。

sublime text安装实时服务器插件教程

Sublime Text 本身不内置实时服务器功能,也没有官方维护的「实时服务器」插件;所谓“实时服务器”,通常是指保存文件后自动刷新浏览器(Live Reload)或启动一个本地 HTTP 服务(如 Python 的 http.server、Node 的 live-server)。这类需求必须靠组合配置实现,不能一键安装某个叫“实时服务器”的插件。

为什么搜不到 live-server 或 livereload 插件?

Package Control 中确实没有名为 live-server 或 livereload 的成熟、持续维护的 Sublime 插件。原因有三:

  • Sublime 是纯文本编辑器,不运行 Node.js 或 Python Web 服务进程,无法原生托管 HTTP 服务
  • 已有插件(如 SublimeOnSaveBuild)仅能触发命令,真正“实时刷新”依赖外部工具(如 browser-sync)和浏览器扩展配合
  • 部分旧插件(如 LiveReload)已多年未更新,对 Sublime Text 4 兼容性差,启用后常报 AttributeError: 'NoneType' object has no attribute 'settings'

可行方案:用 SublimeOnSaveBuild + browser-sync 实现保存即刷新

这是目前最稳定、跨平台、无需改代码的方案。核心是让 Sublime 在保存时自动执行一条 shell 命令,调起 browser-sync 监听文件变化。

操作步骤:

Sublime Text Build Linux版
Sublime Text Build Linux版

Sublime Text Linux x86-64 deb 安装包。官方也提供 rpm、tar.xz 和软件源安装方式。

下载
  • 先全局安装 browser-sync:npm install -g browser-sync(需已装 Node.js)
  • 在项目根目录下运行一次:browser-sync start --server --files "*.html, *.css, *.js",记下控制台显示的本地地址(如 http://localhost:3000)
  • 安装 SublimeOnSaveBuild 插件:通过 Package Control → Install Package 搜索并安装
  • 新建构建系统:Tools → Build System → New Build System…,填入:
{"shell_cmd": "browser-sync reload", "selector": "text.html"}
  • 保存为 BrowserSyncReload.sublime-build,然后在当前 HTML 文件中选中该构建系统
  • 再按 Ctrl+B(Windows/Linux)或 Cmd+B(macOS)即可手动刷新——但要自动刷新,还需下一步

最后启用保存即构建:打开 Preferences → Package Settings → SublimeOnSaveBuild → Settings,在右侧添加:

{
    "build_on_save": true,
    "build_on_save_delay": 0.2,
    "file_types": ["*.html", "*.css", "*.js"]
}

替代方案:用 Python 快速起一个只读静态服务

如果不想装 Node.js,可用 Python 内置模块快速起服务(无自动刷新,但可随时 F5 手动刷新):

  • 确保系统有 Python 3.7+,终端进入项目目录,运行:python -m http.server 8000
  • 访问 http://localhost:8000 即可浏览当前目录下的 HTML 文件
  • Sublime 里无需额外插件,只需把该命令写成构建系统(Tools → Build System → New Build System…):
{"shell_cmd": "python -m http.server 8000", "working_dir": "$project_path", "selector": "source.python"}
  • 注意:该命令会阻塞 Sublime 构建窗口,建议在外部终端运行,Sublime 仅负责编辑

真正容易被忽略的点是:所谓“实时服务器”从来不是 Sublime 的责任,它只是触发器。浏览器是否自动刷新,取决于你有没有装 browser-sync 的浏览器扩展,或者是否启用了其内建的 script 注入机制。没装扩展,光靠 Sublime 保存,永远刷不出来新内容。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
服务器是什么
服务器是什么

服务器是一种计算机硬件设备或软件程序,它具有强大的计算和存储能力,用请求、存储数据和提供服务。它在互联网中着关重要的作用,为用户提供各种服务和资源。本专题为大家提供服务器相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.15

457

5

连接apple id服务器时出错
连接apple id服务器时出错

连接apple id服务器时出错的原因包括网络连接问题、服务器问题、Apple ID账户问题、设备问题、防火墙或安全软件问题、时间和日期设置问题、Apple服务器维护等。本专题为大家提供apple id相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.08

940

5

搭建互联网服务器
搭建互联网服务器

搭建互联网服务器需要:1、选择合适的硬件和操作系统,第一步是选择合适的硬件和操作系统;2、安装和配置操作系统,是搭建互联网服务器的关键步骤;3、安装和配置服务器软件,是搭建互联网服务器的下一步,常见的服务器软件包括Apache、Nginx、Tomcat等;4、配置防火墙和安全性,是搭建互联网服务器的重要步骤;5、域名解析和配置,是搭建互联网服务器的最后一步。

2023.09.19

3112

5

如何查看服务器状态
如何查看服务器状态

查看服务器状态的方法有使用命令行工具、图形界面工具、监控工具、日志文件和远程管理工具等。本专题为大家提供服务器状态相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.09

1036

5

服务器域名转接慢怎么解决
服务器域名转接慢怎么解决

服务器域名转接慢的解决办法有DNS优化、服务器优化、CDN加速、前端优化和网络优化等。本专题为大家提供服务器相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.17

929

5

服务器评测软件
服务器评测软件

服务器评测软件有PassMark Software、CPU-Z、GPU-Z、CrystalDiskMark、IOmeter、JMeter、LoadRunner、Apache Bench等等。详细介绍:1、PassMark Software是一款综合性的服务器性能测试软件,可以评估服务器在各种负载条件下的性能;2、CPU-Z是一款可以提供服务器CPU详细信息的软件等等。

2023.10.17

474

3

如何开启TFTP服务器
如何开启TFTP服务器

开启TFTP服务器的步骤包括选择TFTP服务器软件、下载和安装软件、配置TFTP服务器以及启动和测试服务器等。本专题为大家提供服务器相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.18

2836

4

服务器负载不兼容怎么解决
服务器负载不兼容怎么解决

解决方法:1、增加服务器资源;2、负载均衡;3、优化应用程序;4、增加缓存机制;5、分布式架构;6、限流和熔断;7、自动化扩容。想知道更详细服务器负载不兼容的解决方法,可以访问本专题下面的文章。

2023.10.20

5312

4

宽带如何接入服务器
宽带如何接入服务器

宽带接入服务器的方法有ADSL宽带接入服务器、光纤接入服务器、无线接入服务器和以太网接入服务器等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.20

827

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程