Sublime Text无法直接运行HTML,需通过浏览器预览。方法一:将保存的HTML文件拖拽至浏览器窗口即可查看;方法二:在文件资源管理器中右键文件,选择用浏览器打开并设为默认;方法三:安装Open In Browser插件,通过命令面板一键在浏览器中预览;方法四:自定义Build System,配置Chrome启动命令,实现Ctrl+B快捷键打开。初学者推荐前两种方式,进阶用户可使用插件或构建系统提升效率。

Sublime Text 本身只是一个代码编辑器,不能直接运行 HTML 文件。但你可以通过简单的方法将写好的 HTML 文件在浏览器中打开预览。以下是几种常用且实用的方法。
方法一:手动拖拽到浏览器(最简单)
这是最快的方式,适合初学者:
- 用 Sublime Text 编辑好你的 HTML 文件,并保存为 .html 后缀(例如 index.html)
- 找到该文件所在的文件夹
- 直接将文件拖拽到 Chrome、Edge 或 Firefox 等浏览器窗口中
- 浏览器会立即显示页面效果
方法二:右键用浏览器打开
适用于 Windows 和 macOS 用户:
- 保存好 HTML 文件后,在文件资源管理器(或 Finder)中右键点击该文件
- 选择“打开方式”,然后选一个浏览器(如 Google Chrome)
- 以后双击这个文件就会默认用浏览器打开了
方法三:使用 Sublime 插件自动打开(推荐进阶用户)
安装插件可以实现在 Sublime 中一键打开浏览器预览:
立即学习“前端免费学习笔记(深入)”;
- 先安装 Package Control(如果还没装的话)
- 按 Ctrl+Shift+P(Mac 上是 Cmd+Shift+P),输入 “Install Package”
- 搜索并安装插件:Open In Browser
- 安装完成后,打开 HTML 文件,再次按 Ctrl+Shift+P,输入 “Open in Browser” 并回车
- 默认会在系统默认浏览器中打开当前文件
你也可以设置快捷键,比如在菜单栏选择 Preferences > Key Bindings,添加自定义快捷键。
方法四:配置 build system(高级用法)
如果你希望用 Ctrl+B 直接运行 HTML,可以自定义构建系统:
- 在 Sublime 中点击 Tools > Build System > New Build System
- 粘贴以下内容(以 Chrome 为例):
"cmd": ["start", "chrome", "$file"],
"shell": true,
"working_dir": "$file_path",
"selector": "text.html"
}
- 保存为 HTML.sublime-build
- 之后选择这个构建系统,按 Ctrl+B 就能在 Chrome 打开当前 HTML 文件
基本上就这些。对于大多数用户,推荐先用“拖拽”或“右键打开”的方式,简单可靠。想提升效率再考虑插件或自定义构建。










